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

Question

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

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

这样效果很好，并且循环出了我所有的图像对象，并且一切都很棒。 但是，我在控制器内设置了$ scope.Objects变量。 因此，当我第一次启动网页时，找不到404

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

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

Answer 1

请改用ng-src。 需要图像使用角度数据。

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

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

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

有了这么少的宝石，除非准备好实际数据，否则angular不会设置元素的src属性。