AngularJS 的 AngularUI bootstrap 弹出窗口问题

Question

我正在尝试使用 Bootstrap 和 angularJS 实现弹出窗口功能，但弹出窗口似乎不起作用，而且我也没有收到任何错误。任何帮助将不胜感激

<button popover-template="'popover.html'"
        popover-placement="top"
        popover-trigger="click"
        type="button"
        class="btn btn-default">
  Mouse over me
</button>

我将 ngAnimate & ui.bootstrap 添加为我的 angular 应用程序的依赖项。这是 popover.html

的代码

<label class="Label">
    test
</label>

它不会在点击时创建弹出窗口，也不会创建错误消息。

Answer 1

指令的名称是uib-popover-template:

<button ̶p̶o̶p̶o̶v̶e̶r̶-̶t̶e̶m̶p̶l̶a̶t̶e̶=̶"̶'̶p̶o̶p̶o̶v̶e̶r̶.̶h̶t̶m̶l̶'̶"̶
        uib-popover-template="'popover.html'"
        popover-placement="top"
        popover-trigger="click"
        type="button"
        class="btn btn-default">
  Mouse over me
</button>

有关详细信息，请参阅

Angular UI Bootstrap Directive API and Demo - Popover

有关详细信息，请参阅

AngularJS 的 AngularUI bootstrap 弹出窗口问题

AngularUI bootstrap popover issue with AngularJS

angularjs

angular-ui-bootstrap

popover