Подтвердить что ты не робот

Изображение не найдено до angular обновил документ

У меня есть приложение 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.

4b9b3361

ОТВЕТЫ

Ответ 1

Проблема заключалась в том, что я должен использовать ng-src, а не src, поэтому он будет пытаться отображать только изображение, когда Angular готов.

Итак, правильный код выглядит как

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