404 在离子/角度的 ng-repeat 上找不到图像，仅用于第一张图像

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。图像需要使用角度数据。

如果你不这样做，你的初始 src 值不是一个有效的 url，所以它会导致你的浏览器错误。

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

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

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