在ng-repeat中使用bootstrap popover

时间:2013-12-02 17:17:46

标签: angularjs twitter-bootstrap-3

我有一个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();

1 个答案:

答案 0 :(得分:15)

您应该创建一个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>