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

Question

使用:

Ember :v1.0.0-pre.4

Ember 数据:修订版 11

Handlebars :1.0.rc2

所以我有一个模板，我已经连接到一个从 REST API 接收信息的 Controller 。只需打印出文本，这很好，但这些 Handlebars 表达......

<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 模板中渲染 url”和“在 ember mustache 模板中打印 html”。 Ack，可能很明显，但我错过了。

Answer 1

试试这个:
<img {{bind-attr src="imageUrl"}} />
但是您可以拥有多个属性，例如:
<img {{bind-attr src="imageUrl" alt="imageTitle"}}>
这是文档:http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_bind-attr

此外，在您不需要绑定(bind)变量的某些情况下可能很有用，您可以使用:
<img src="{{unbound imageUrl}}" />
引用文档:http://emberjs.com/api/classes/Ember.Handlebars.helpers.html#method_unbound

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