angularjs - 在 Angular 更新文档之前找不到图像

Question

我有一个角度 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 排序错误。

Answer 1

这里的问题是我应该使用ng-src而不是src，所以它只会在 Angular 准备好时尝试显示图像。

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

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