在angularjs中使用bootstrap popover

时间:2016-02-19 08:56:57

标签: angularjs twitter-bootstrap-3 angular-ui-bootstrap popover

我喜欢在我的AngularJS应用程序中使用Popover并为此包含了ui-bootstrap,但是我收到了注入错误:

Error: [$injector:unpr] Unknown provider: ui.bootstrapProvider <- ui.bootstrap

在我的index.html

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.4.js"></script>

在我的控制器类中:

angular
    .module('app')
    .controller('TeamsController', TeamsController);

TeamsController.$inject = ['Flash', '$scope', 'ui.bootstrap'];
function TeamsController(Flash, $scope, $modal) 
{
 //Code here
}

我无法弄清楚如何正确地做到这一点。

1 个答案:

答案 0 :(得分:3)

您必须将其作为依赖项添加到您的应用中:

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

有关Angular UI page的更多信息。

<强>更新

工作plunker。请注意,我已删除Flash依赖项,因为我不知道它是什么,您必须自己将其添加回脚本中。