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

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>