Угловое выражение в атрибуте

У меня есть страница, использующая angular, где im реализует popover из bootstrap: 

<img class="state-msg" data-toggle="popover" ng-popover data-content="{{item.status.message}}" data-trigger="hover" data-placement="top" ng-src="{{item.status.stateIcon}}"/>

Содержимое данных не отображается правильно. Он возвращает literaly {{item.статус.message}} вместо значения message.

Не угловая есть вопрос выражения в атрибутах данных'?

Tnx

2 4
javascript angularjs twitter-bootstrap

2 ответа:

Удалите интерполяционную нотацию вот так. С помощью {{, }} AngularJS выполняет интерполяцию строк, а не привязку модели.

data-content="item.status.message"
3

Вы можете попробовать это: 

ng-attr-src="{{item.status.stateIcon}}"

Из документации:

"Если атрибут с привязкой имеет префикс ngAttr (денормализованный префикс:' ng-attr -', ' ng:attr -'), то во время компиляции префикс будет удален и привязка будет применена к незафиксированному атрибуту. Это позволяет привязывать к атрибутам, которые в противном случае были бы охотно обработаны браузерами в их несжатом виде (например, атрибуты img[src] или svg circle[cx])."

9