离子与angularjs图像url不解析
问题描述:
我正在使用离子创建一个移动应用程序。离子与angularjs图像url不解析
我有一个项目列表,每个项目都有一张照片。
在我的每个项目的角模板,我有:
<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个调用正确解析。
我该如何阻止这种情况发生?
答
您应该使用ngSrc而不是直接使用插值。
<img ng-src='http://www.example.com/images/listings/{{listing.id}}/thumb.jpg'>