使用引导酥料饼在NG-重复 [英] Use bootstrap popover in ng-repeat
本文介绍了使用引导酥料饼在NG-重复的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个引导酥料饼其中工程以外的角度 NG-重复
。
< A HREF =#类=TT1数据触发=悬停数据的HTML =真正的数据选择器=数据原标题=首先提示数据内容=fldsfkjsdöflsjdlfödjs>将鼠标悬停在ME< / A>
当我用它内部的NG-重复它停止工作。
我在初始化的角度控制器构造酥料饼。
$('TT1。')酥料饼()。
解决方案
您应该创建一个酥料饼的指令。
angular.module('yourModule')。指令(酥料饼',函数(){
返回功能(范围,ELEM){
elem.popover();
}
});
然后你使用它的元素:
< A HREF =#类=TT1酥料饼的数据触发=悬停数据的HTML =真正的数据选择器=数据original-标题=先提示数据内容=fldsfkjsdöflsjdlfödjs>将鼠标悬停在ME< / A>
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屋!
查看全文