Источники динамических изображений AngularJS

#javascript #angularjs

#javascript #angularjs

Вопрос:

 <img src="{{ twt.display }}"/>
  

У меня есть приведенный выше тег изображения, где src находится в области видимости, но когда я просматриваю журнал консоли браузера, он показывает следующее

Ресурс интерпретируется как изображение, но передается с использованием MIME-типа text / html: «http://example.com/{{twt.display}}«.

Изображения отображаются так, как задумано, но я хотел знать, есть ли способ остановить появление этого сообщения?

Ответ №1:

Используйте ng-src , чтобы избежать странных недоставленных запросов, выполняемых браузером.

Как только выражение в ng-src будет разрешено, оно обновит src для тега,

 <img ng-src="{{twt.display}}"/>