在ng-repeat中使用bootstrap popover

Question

我有一个自动弹出窗口,可以在角度以外工作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>