当路径存储为模型属性时，EmberJS 不会加载图像

Question

我有一个简单的 EmberJS 应用程序。 app/images 中存储了一堆图像。如果我硬编码路径：<img src="images/MYIMAGE.png"/>，我可以在任何模板中从该文件夹加载图像。这些图像虽然与记录相关联，但我将它们的路径存储为记录的属性。 path 是来自 filename 持久属性的计算属性。当我尝试通过带有 img src="{{path}}" 的 Emblem 模板加载图像时，图像不会加载。 Ember 正在尝试从此 url 获取图像：

http://localhost:9000/images/%3Cscript%20id='metamorph-71-start'%20type='text/x-placeholder'%3E%3C/script%3E%3Cscript%20id='metamorph-71-end'%20type='text/x-placeholder'%3E%3C/script%3E

如果有所作为，我使用 Yeoman 构建了应用程序，并让 Grunt 在我的代码上运行了大量预处理器（Yeoman Ember 生成器附带的标准预处理器）。我想也许图像正在被重命名，但我可以用硬编码路径检索它们的事实表明并非如此。怎么回事？

Answer 1

您需要将{{bind-attr}} 用于此类动态属性。

<img {{bind-attr src=path}}>

见http://emberjs.com/guides/templates/binding-element-attributes/