javascript - 404 仅在第一张图像的 ionic /Angular 中的 ng-repeat 上找不到图像

Question

所以我使用以下代码在我的 html 页面上输出一些图像

<div ng-repeat="Object in Objects"><img src="{{Object.Image}}"></div>

这效果很好，可以循环出我所有的图像对象，一切都很棒。不过，我在 Controller 内设置了 $scope.Objects 变量。因此，当我第一次启动网页时，我收到 404 not found for

http://192.168.1.180:8100/%7B%7BObject.Image%7D%7D

再次，一切正常，我的所有图像都显示出来，但我收到了几个 404 错误(我在一些地方这样做了)，我正在尝试摆脱它们。

Answer 1

使用 ng-src 代替。图像需要使用 Angular 数据。

如果不这样做，您的初始 src 值就不是有效的网址，因此会导致浏览器错误。

但是，如果您使用ng-src相反，Angular 会代表您解决该问题。

<img ng-src="{{Object.image}}" />

有了这个小 gem，Angular 不会设置元素的 src 属性，直到它准备好实际数据。