Ответ 1
Angular имеет специальную директиву только для этого случая: http://docs.angularjs.org/api/ng.directive:ngSrc
<img ng-src="{{profile.img}}" />
Я заполняю теги <img src=
, используя AngularJS, поэтому URL-адреса в моем html:
<img src='[[profile.image]]'>
Когда я загружаю страницу, на которой отображается изображение, но также возникают ошибки в консоли Javascript:
GET [[profile.image]] 404 (NOT FOUND)
Итак, браузер пытается получить изображение до того, как Angular правильно интерполитирует значение? Затем, когда Angular устанавливает значение, которое браузер извлекает снова, и на этот раз отображается изображение.
Как я могу либо получить Angular сделать это раньше, либо заставить браузер ждать? Мне не нравится, когда была обнаружена ошибка.
Angular имеет специальную директиву только для этого случая: http://docs.angularjs.org/api/ng.directive:ngSrc
<img ng-src="{{profile.img}}" />