使用引导酥料饼在NG-重复 [英] Use bootstrap popover in ng-repeat

问题描述

我有一个引导酥料饼其中工程以外的角度 NG-重复。

 ＆LT; A HREF =＃类=TT1数据触发=悬停数据的HTML =真正的数据选择器=数据原标题=首先提示数据内容=fldsfkjsdöflsjdlfödjs＆GT;将鼠标悬停在ME＆LT; / A＆GT;
 

当我用它内部的NG-重复它停止工作。
我在初始化的角度控制器构造酥料饼。

  $（'TT1。'）酥料饼（）。
 

解决方案

您应该创建一个酥料饼的指令。

  angular.module（'yourModule'）。指令（酥料饼'，函数（）{
   返回功能（范围，ELEM）{
      elem.popover（）;
   }
}）;
 

然后你使用它的元素：

 ＆LT; A HREF =＃类=TT1酥料饼的数据触发=悬停数据的HTML =真正的数据选择器=数据original-标题=先提示数据内容=fldsfkjsdöflsjdlfödjs＆GT;将鼠标悬停在ME＆LT; / A＆GT;
 

I have a bootstrap popover which works outside of an 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>

As soon as I use it inside an ng-repeat it stops working. I initialize the popover in the angular controller constructor.

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

解决方案

You should create a popover directive.

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

Then you use it on the element:

<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>

这篇关于使用引导酥料饼在NG-重复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！