Использовать bootstrap popover в ng-repeat

Question

У меня есть bootstrap popover, который работает вне углового ng-repeat.

<a href="#" class="tt1" data-trigger="hover" data-html="true" data-selector="" data-original-title="first tooltip" data-content="fldsfkjsdöflsj dlfödjs">Hover over me</a> 

Как только я использую его внутри ng-repeat, он перестает работать. Я инициализирую popover в конструкторе углового контроллера.

$('.tt1').popover(); 

Answer 1

Вам следует создать директиву popover.

angular.module('yourModule').directive('popover', function() { 
    return function(scope, elem) { 
     elem.popover(); 
    } 
}); 

Затем вы используете его на элемент:

<a href="#" class="tt1" popover data-trigger="hover" data-html="true" data-selector="" data-original-title="first tooltip" data-content="fldsfkjsdöflsj dlfödjs">Hover over me</a>