AngularJS + Twitter Popover: Content Iteration

Question

Я использую twitter bootstrap с popover и получаю переменную области AngularJS, чтобы отображаться правильно. Ниже приведены работы.

(data-content="{{notifications[0].user}} shared {{notifications[0].user_two}}'s records") 

Когда я добавляю следующие

(data-content="<b>{{notifications[0].user}} shared {{notifications[0].user_two}}'s records</b>") 

ошибок не показывают, но все из {{}} больше не делают.

Так что я попытался это как испытание сортов

(data-content="<div ng-repeat='item in notifications'>test {{item}} <br/><hr/></div>") 

Так же, как в предыдущем примере, я вижу «тест», но не {{пункт}}. И «тест» появляется только один раз, хотя уведомления имеют три элемента. Когда я смотрю на DOM есть этот

<div class="popover-content"> 
    <div ng-repeat="item in notifications">you <br><hr></div> 
</div> 

Я также пытался просто создать директиву для перебора массива и сделать вывод, я хочу, но мою попытку установить данные-контент, равный директиве было неудачи. Примеры, которые я нашел в другом месте, я уверен, что это сработает, но я просто хотел подтвердить, прежде чем я начну реализовывать что-то вроде этого (http://tech.pro/tutorial/1360/bootstrap-popover-using-angularjs-compile-service) или (Html file as content in Bootstrap popover in AngularJS directive), что я не пропустил прямое исправление проблемы, описанной выше, что не потребует от меня создания директивы.

Edit:

Plunkr Url http://plnkr.co/edit/VZwax4X6WUxSpUTYUqIA?p=preview

Answer 1

HTML может разбить его, попробуйте пометив его как надежный HTML, используя $ SCE

How do you use $sce.trustAsHtml(string) to replicate ng-bind-html-unsafe in Angular 1.2+

$scope.html = '<ul><li>render me please</li></ul>'; 
$scope.trustedHtml = $sce.trustAsHtml($scope.html); 

<button ... data-content="trustedHtml" ...> </button>