404 Image not found on ng-repeat in ionic / angular 仅用于第一张图片

Question

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

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

这很好用，循环了我所有的图像对象，一切都很好。但是我在我的控制器中设置了 $scope.Objects 变量。因此，当我第一次启动我的网页时，我得到一个 404 not found for

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

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

Answer 1

改用ng-src。需要图像使用 angular 数据。

如果不这样做，则您的初始 src 值无效 url，因此会导致浏览器出错。

但是，如果您改用 ng-src，angular 会替您解决该问题。

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

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