angularjs - 在 ng-repeat 中使用 bootstrap popover

Question

我有一个 bootstrap popover，它在有 Angular 的 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 中使用它，它就会停止工作。我在 Angular Controller 构造函数中初始化弹出框。

$('.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>