0

我使用 angular 1.5.0-beta2 和 bootstrap 3.3.5 和 ui.bootstrap 0.14.3

我正在尝试在 li 元素上创建一个弹出框。

在以下代码中,我在数组上使用 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,但得到了相同的结果。

有任何想法吗?

4

1 回答 1

0

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

正如你在这个plunkr中看到的

我添加了几个<br/>标签,所以你可以看到弹出框

于 2015-12-05T21:31:28.427 回答