离子与angularjs图像网址未解析

Question

我正在使用ionic创建移动应用。

我有一个项目列表，每个项目都有一张照片。

在我的每个项目的角度模板中：

<img src='http://www.example.com/images/listings/{{listing.id}}/thumb.jpg'>

我使用ng-repeat =＆＃39;在列表中列出＆＃39;显示模板。

我一直看到angular首先调用非解析的url但是每行都会获得正确的图像并显示它：

所以首先尝试获取

http://www.example.com/images/listings/{{listing.id}}/thumb.jpg

未解析{{listing.id}}。

然后它正确解析并在列表中正确显示图像：

http://www.example.com/images/listings/3523/thumb.jpg

所以，如果我有一个包含15个项目的列表，它会使一个调用非解析{{listing.id}}并正确解析15个调用。

如何阻止这种情况发生？

Answer 1

您应该使用ngSrc而不是直接使用插值。

<img ng-src='http://www.example.com/images/listings/{{listing.id}}/thumb.jpg'>