在角度上使用popover的ui.bootstrap不起作用

时间:2015-12-05 21:07:02

标签: angularjs popover ui.bootstrap

我正在使用带有bootstrap 3.3.5和ui.bootstrap 0.14.3的angular 1.5.0-beta2

我正在尝试在li元素上创建一个popover。

在下面的代码中,我在数组上使用ng-repeat,并使用指令popover-template精确定位模板文件的位置。

<ul id="glasses_ul" class="items_ul">
               <li ng-repeat="glass in glasses" popover-template="'views/drink-popup-template.html'" class="glass-tooltip">
               {{glass.glass_name}}
               </li> 
           </ul>

当然我在我的应用中加载了ui.bootstrap模块。

现在奇怪的是,一旦我使用popover-template指令,在谷歌浏览器,网络标签我可以看到它尝试加载template/popover/popover-template.html

我不知道为什么它会尝试加载它以及我错过了什么..

没有显示工具提示。

我也尝试了指令uib-popover-template,但我得到了相同的结果。

任何想法?

1 个答案:

答案 0 :(得分:0)

也许它隐藏在另一个元素后面?

您可以在此plunkr

中看到

我添加了几个<br/>代码,因此您可以看到popover