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

发布时间：2020-12-17 08:31:25 所属栏目：安全来源：网络整理

导读：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_im

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!