Angular-UI (bootstrap) 弹出窗口不起作用？

Question

所以我正在努力使用 Angular-UI 让弹出窗口显示在按钮上。我首先测试了工具提示，它们运行良好……但是当我使用弹出窗口时，它根本不起作用。

我的控制器是空的，只有 $scope。这是我的按钮代码（直接取自他们网站上的演示）：

<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-default">Bottom</button>

令我感到困惑的是，如果工具提示指令有效，为什么弹出窗口无效？我的控制器是不是遗漏了什么？

这是我的控制器，尽管我认为它不会有太大帮助：

angular.module('module').controller('MyController', ['$scope',
function($scope) {

}
]);

希望我能解决这个问题。提前致谢。

Answer 1

检查两件事：

首先是确保 ui.bootstrap 依赖项被注入

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

第二个是确保添加了所有 bootstrap 样式表，因为 bootstrap ui 使用这些

希望对您有所帮助。