所以我使用以下代码在我的 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 错误(我在一些地方这样做了),我正在尝试摆脱它们。
最佳答案
使用 ng-src 代替。图像需要使用 Angular 数据。
如果不这样做,您的初始 src 值就不是有效的网址,因此会导致浏览器错误。
但是,如果您使用ng-src相反,Angular 会代表您解决该问题。
<img ng-src="{{Object.image}}" />
有了这个小 gem,Angular 不会设置元素的 src 属性,直到它准备好实际数据。
关于javascript - 404 仅在第一张图像的 ionic /Angular 中的 ng-repeat 上找不到图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34803856/