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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/angularjs/145400.html

猜你在找的Angularjs相关文章