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

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}}的值。

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

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

尝试使用条件模式条件&&真||假

因此修改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

原文地址：https://www.jb51.cc/angularjs/145400.html