Angular-UI(bootstrap)popover不工作?

时间:2015-08-03 00:33:28

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

所以我正在努力使用Angular-UI来显示一个按钮以显示按钮。我首先测试了工具提示并且它们完美地工作......但是当我使用弹出窗口时它根本不工作。

我的控制器是空的,只有$ scope。这是我的按钮代码(直接从他们网站上的演示中获取):

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

我感到困惑的是,如果工具提示指令有效,为什么不是popover?我错过了控制器里的东西吗?

这是我的控制人,即使我认为它不会有太大帮助:

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

}
]);

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

1 个答案:

答案 0 :(得分:2)

检查两件事:

首先要确保注入ui.bootstrap依赖

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

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

希望这有帮助。