javascript - 404 仅在第一张图像的 ionic /Angular 中的 ng-repeat 上找不到图像

标签 javascript angularjs angularjs-scope ionic-framework angularjs-ng-repeat

所以我使用以下代码在我的 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/

相关文章:

javascript - Browserify 用 casperJS 编写的抓取工具

javascript - 弹出窗口未显示在 Angular 模板中

angularjs - CSS 中的渐进定位框分两列

javascript - 如何将数组值从 javascript 传递到 angularjs Controller

javascript - jquery 折叠按钮不加载远程内容

javascript - 将数组中的最后一项返回到第一个位置

javascript - 如何查出李某的 parent 是谁?

python - 是否可以将 AngularJS 与 Jinja2 模板引擎一起使用?

angularjs - 如何将 Controller 绑定(bind)到动态添加的 HTML?

angularjs - 如何使用带有 AngularJS 的表元素显示子级数组