在Ember.js模板中,如何打印出将由HTML使用的模型属性,如src用于图像或href用于链接

Question

使用:

• ember:v1.0.0-pre.4
• 余烬数据:修订版11
• 车把:1.0.rc2

所以我有一个模板,我已经连接到一个从REST API接收信息的控制器.只是打印出文字,这很好,但这些把手表达......

<img src="{{ imageUrl }}"/> 

......当插入dom时看起来像:

<img src="&lt;script id='metamorph-28-start' type='text/x-placeholder'&gt;&lt;/script&gt;http://asdf.com/image.jpg&lt;script id='metamorph-28-end' type='text/x-placeholder'&gt;&lt;/script&gt;">

我显然对Ember.js和Handlebars很新.

我曾尝试搜索"在ember模板中渲染网址"和"在ember胡子模板中打印出html".Ack,可能很明显,但我很想念它.

Answer 1

试试这个:

<img {{bind-attr src="imageUrl"}} />

但你可以拥有不止一个属性,如:

<img {{bind-attr src="imageUrl" alt="imageTitle"}}>

这是doc:http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_bind-attr

此外,在您不需要绑定变量的某些情况下可以使用,您可以使用:

<img src="{{unbound imageUrl}}" />

参考文档:http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_unbound

但第一种方法通常是最好的.