javascript - Angular-UI( Bootstrap )弹出窗口不起作用?

标签 javascript angularjs twitter-bootstrap angular-ui angular-ui-bootstrap

所以我正在努力使用 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/

相关文章:

javascript - Bootstrap 缩略图对齐(水平)

javascript - 在模板文字中定义函数

javascript - 我如何从 Angularjs 中的其他指令 Controller 更新指令 $scope?

css - 如何在 ionic 中使用自定义选项卡背景颜色?

javascript - ng-react 比 ng-repeat 慢得多(不推荐访问属性 'nodeType' 错误)

css - Bootstrap Dropdown 对我不起作用

javascript - PIXI.js 的 Closure Compiler EXTERNS - 自定义对象参数注释

javascript - 纯 CSS 视差 + 滚动显示导航

javascript - Vue - 在循环外添加元素

ios - Bootstrap 3 中 Canvas 外移动菜单的问题