将Bootstrap UI模块添加到angularjs项目

Question

我正在尝试将bootstrap-ui模块添加到我的angular.js项目中。 文档指出，我只需要添加

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

使它工作。 但是我不知道如何以任何方式添加它。 我已经阅读了https://docs.angularjs.org/guide/module的整个章节，并阅读了很多有关它的线程，但是到目前为止，我测试的所有内容都无法正常工作。

我的app.js ：

angular.module('MyApp', ['ngCookies', 'ngResource', 'ngMessages', 'ngRoute', 'mgcrea.ngStrap'])
.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);
// followed by my routing

myCtrl

angular.module('MyApp')
    .controller('MyCtrl', ['$scope', '$location', '$rootScope', '$routeParams', '$resource', '$alert', 'MyService',
        function ($scope, $location, $rootScope, $routeParams, $resource, $alert, MyService) {

我试过的

• 在app.js“mgcrea.ngStrap”之后增加“ui.bootstrap”
• 在myCtrl加入* '为MyService'后'ui.bootstrap'
• 还有更多类似的变化

我收到的错误消息取决于我所做的事情。 由于目前我可能完全走在错误的道路上，所以我希望有人可以告诉我如何正确地在angular.js中添加模块？

编辑我遇到的一些错误消息：

当我使用以下代码启动Crtl代码时：

angular.module('MyApp', ['ui.bootstrap'])

我懂了

[ng:areq] Argument 'NavbarCtrl' is not a function, got undefined

（navbarctrl是完全不同的ctrl）

当我启动我的app.js时

angular.module('MyApp', ['ngCookies', 'ngResource', 'ngMessages', 'ngRoute', 'mgcrea.ngStrap', 'ui.bootstrap'])

我懂了

TypeError: object is not a function

在我的AuthService我尝试使用$ alert（在没有bootstrap-ui的情况下有效）

$alert({
    title: 'Success!', //...

**编辑2：**问题似乎是我只能使用ngStrp或ui.bootstrap（两者都在下面使用bootstrap）

Answer 1

您是否确保通过捆绑或直接引用将特定于Angular UI的JS文件从服务器发送到客户端？

您必须在应用程序中注入模块的依赖关系：类似于angular.module（'MyApp'，['ui.bootstrap']））；