Динамические источники изображения AngularJS

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

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

Ресурс интерпретируется как изображение, но передается с типом MIME text/html: " http://example.com/%7B%7Btwt.display%7D%7D".

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

Ответы

Ответ 1

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

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

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