我有一个简单的EmberJS应用程序.app/images中存储了大量图像.如果我对路径进行硬编码,我可以在任何模板中加载此文件夹中的图像:<img src="images/MYIMAGE.png"/>.这些图像虽然与记录相关联,但我将它们的路径存储为记录的属性.这path是来自filename持久属性的计算属性.当我尝试通过Emblem模板加载图像时img src="{{path}}",图像不会加载.Ember试图从这个网址获取图片:
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生成器附带的标准预处理器).我想也许这些图片正在被重命名,但是我可以用硬编码的路径检索它们,这表明不然.这是怎么回事？
您需要使用这样{{bind-attr}}的动态属性.
<img {{bind-attr src=path}}>
请参见http://emberjs.com/guides/templates/binding-element-attributes/