Question

为什么这个popover没有工作？

<body>
<div class="flexbox margin-top">
  <div class="flexible"></div>
  <div class="flexbox">
    <button class="btn btn-sm btn-success" popover-template="'template.html'" popover-placement="left">Click</button>
  </div>
</div>
<script type="text/ng-template" id="template.html" >
<div>
  <textarea>Some text, some text, some text</textarea>
  <button class="btn btn-sm">Update</button>
  </div>
</script>

单击按钮时，我希望它显示弹出窗口。

Answer 1

问题中添加的代码没有问题，但我在发布的Plunker中发现了两个问题。

ui.bootstrap 模块未初始化

angular.module('app', ['ui.bootstrap']);

未包含UI Bootstrap模板文件

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.4.js"></script>

这是代码的工作Plunker。

Answer 2

我的问题是我有bower.json如下

"angular-bootstrap":"0.13.1"
<other references in between to make two versions not visually obvious> 
"angular-ui-bootstrap":"1.1.2"

我欺骗自己以为我通过1.1.2行获得了最新的引导参考，并没有注意到Web应用实际使用的旧版0.13.1。

ie：我的网络应用程序引用了旧版本，但我认为我引用了新版本。

删除angular-ui-bootstrap bower软件包并修复angular-bootstrap上的版本，一切正常。

另一个最终问题是在指定内联模板时使用单引号 - 即：uib-popover-template="'mytemplate'"

AngularUI Bootstrap Popover不工作

2 个答案: