angularjs - 如何防止 ng-src 在数据到达之前加载图像？

Question

HTML:

 <img ng-src="{{plugins.filesPath.album_images.image}}{{album.cover_image}}" alt="{{album.title}}" />

运行应用程序时，显示错误:

GET http://url.com/myApp/files/album_images/image/ 403 (Forbidden) 

"http://url.com/myApp/files/album_images/image/ "是 {{plugins.filesPath.album_images.image}} 的值。

它显示错误，因为它在所有数据到达之前加载图像..

如何防止控制台中出现此错误？

Answer 1

尝试使用条件模式condition && true ||错误

因此修改 ng-src 属性如下:

<img ng-src="{{ album && plugins.filesPath.album_images.image + album.cover_image || '' }}" alt="{{album.title}}" />

通过此更改，src 属性的内容在数据到达之前为空。

来源: Conditionally change img src based on model data