404图像在NG-重复没有发现离子/角度的第一图像只

Question

所以我用下面的代码输出我的HTML页面上的一些图片

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

这个伟大的工程和循环出我所有的图像对象和一切都很好。不过，我在控制器中设置了$ scope.Objects变量。所以，当我第一次启动我的网页，我得到找不到

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

再次，一切工作我的所有图像都显示了404，但我得到几个404错误（我这样做是在少数地方），我试图摆脱它们。

Answer 1

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

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

但是，如果您使用的是ng-src，角色将以您的名义解决该问题。

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

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