angularjs - angularがドキュメントを更新する前に画像が見つかりませんでした

Question

配列からの多数の画像を持つAngular 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

ここでの問題は、Angular の準備ができたときにのみ画像を表示しようとするため、 ではng-srcなく andを使用する必要があることでした。src

したがって、正しいコードは次のようになります

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