离子与angularjs图像url不解析

Question

我正在使用离子创建一个移动应用程序。

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

在我的每个项目的角模板，我有：

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

我使用NG重复=“上市的列表”中显示的模板。

我一直看到的角度，使一个调用非解析URL第一，但每一行得到正确的图像，并将其显示：那么首先，它试图让

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

不解析

{{上市。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'>