привязка AngularJS в атрибуте 'src' от <img> тег

Question

У меня есть table со многими rows, и каждая строка имеет изображение предварительного просмотра, которое будет отображаться в верхнем правом углу, когда мышь висит в строке.

Это, как я ставлю тег изображения с AngularJS обязательным для URL в src атрибута:

<img src="{{imageUrl}}"/> 

Но есть следующее сообщение об ошибке в консоли:

GET http://localhost/#/imageUrl404 (не найдено)

Как избавиться от этой ошибки в браузере оле?

Answer 1

Угловая имеет свою собственную директиву img, названный ng-src:

<img ng-src="{{imageUrl}}"/> 

Answer 2

Вы должны использовать ng-src вместо src в вашем <img> тега.

В документации сказано, как это,

Используя угловую разметку, как {{}} хэш в атрибуте SRC не работает правильно: браузер будет получать из URL с буквальным текстом {{}} хэш пока Angular не заменит выражение внутри {{hash}}. Директива ngSrc решает эту проблему.

https://docs.angularjs.org/api/ng/directive/ngSrc

Надеется, что это помогает!