Model 将模型属性插入Ember中的Img元素URL

我有一个带有

image\u id

属性的模型。我有一个包含图像元素的模型视图。我需要将id插入image元素的

src

属性中，以完成图像的URL，以便有效地执行以下操作：

<img src="news + newsItem.imageID + .jpg"></img> 

我的第一次尝试使用了车把辅助工具：

<img src="news{{newsImageURL newsItem.imageID}}.jpg"></img> 

但这也在其周围插入了Metamprph脚本标记：

<img url="&lt;script id='metamorph-10-start' type='text/x-placeholder'&gt;&lt;/script&gt;news/7.jpg&lt;script id='metamorph-10-end' type='text/x-placeholder'&gt;&lt;/script&gt;" alt="" class="content-image news-media" /></a>

---

因此，我研究了如何使用

bindAttr

，但是，由于我需要转换图像id值（通过预加和附加路径的其余部分），这似乎也不是一个解决方案。

您可以使bindAttr引用一个计算属性并在那里构建字符串。

有两种可能性：

1-将模型上的图像路径声明为计算属性。如果您不喜欢，也可以在ObjectController中声明它支持此模板：

模板：

// until 1.0 RC7
<img {{bindAttr src="newsItem.imagePath"}}></img> 
// from 1.0 final (the above one is deprecated)
<img {{bind-attr src=newsItem.imagePath}}></img> 

2-如果您不需要1中的绑定（我猜您的id不会更改），并使用

未绑定帮助程序

，这不会导致脚本标记：

<img src="news{{unbound newsItem.imageID}}.jpg"></img> 

1.0.0用户注意：您现在应该编写

{{bind attr src=newsItem.imagePath}

。您留下了引号（也不推荐使用）。请参阅（绑定帮助程序）。好的。对此不确定：-）

<img src="news{{unbound newsItem.imageID}}.jpg"></img>