所以我正在努力使用 Angular-UI 让弹出窗口显示在按钮上。我首先测试了工具提示,它们运行良好……但是当我使用弹出窗口时,它根本不起作用。
我的 Controller 是空的,只有 $scope。这是我的按钮代码(直接取自他们网站上的演示):
<button popover-placement="bottom" popover="On the Bottom!" class="btn btn-default">Bottom</button>
令我感到困惑的是,如果工具提示指令有效,为什么弹出框不起作用?我的 Controller 是否遗漏了什么?
这是我的 Controller ,尽管我认为它不会有太大帮助:
angular.module('module').controller('MyController', ['$scope',
function($scope) {
}
]);
希望我能解决这个问题。提前致谢。
最佳答案
检查两件事:
首先是确保注入(inject)了 ui.bootstrap 依赖
angular.module('myModule', ['ui.bootstrap']);
第二个是确保您添加了所有 Bootstrap 样式表,因为 Bootstrap 用户界面使用这些样式表
希望这对您有所帮助。
关于javascript - Angular-UI( Bootstrap )弹出窗口不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31777963/