angularjs – 在角度更新文档之前找不到图像

前端之家收集整理的这篇文章主要介绍了angularjs – 在角度更新文档之前找不到图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个角度的JS应用程序,它有一些数组,从一个数组。

我的模型看起来像这样

$scope.images = [ {url: 'someimage.png',desc: 'some desc'},{url: 'someimage.png',desc: 'some desc'} ]

在我看来,我重复一遍,显示所有的图像。

<ul>
  <li ng-repeat="image in images" ><img src="{{image.url}}" /></li>
</ul>

这有效,但我收到一些页面错误,这说明了

404 Not Found - http://localhost/{{image.url}}

图像正确显示,所以很明显,在Angular已解析之前,图像正在尝试加载才能准备好。我的脚本也在头上,所以它不应该是一个JavaScript排序错误

这里的问题是我应该使用ng-src而不是src,这样只有在Angular准备就绪时才会尝试显示图像。

所以,正确的代码看起来像

<ul>
  <li ng-repeat="image in images" ><img ng-src="{{image.url}}" /></li>
</ul>

猜你在找的Angularjs相关文章