Javascript 向angularjs项目添加引导UI模块

我正在尝试将引导ui模块添加到angular.js项目中。文档说明我只需添加

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

让它工作起来。但我不知道该如何添加这一点。我已经阅读了的整个章节，读了很多关于它的文章，但是到目前为止，我测试的所有东西都不起作用

我的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时

我明白了

在我的

AuthService

中，我尝试使用$alert（这在没有引导ui的情况下工作），如

---

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

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

---

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

您能从控制台复制错误吗？我添加了一些错误消息，但我恐怕它们与我的问题无关。由于我不知道如何添加模块，我发布的错误可能只是针对愚蠢问题的后续错误，但是你用html连接ui bootstrap js文件？是的，我这样做了：（还有bootstrap.css）它在一定程度上起作用（我收到错误，例如无法提交表单），但是我看到我实现的选项卡在myctrl-['$scope'、'$location'、'$rootScope'、'$routeParams'、'$resource'、'$alert'、'$MyService'中正确地显示出来了，这可能是个问题。我真的不知道这是什么意思。目前我不确定如何添加引导ui（或任何其他模块）对于我的项目，您必须在应用程序中插入模块的依赖项：类似于此angular.module（'MyApp'，['ui.bootstrap']）；这正是我所做的-我在我的app.js和我的ctrlIn your app.js中尝试过，你没有提到这个依赖项“ui.bootstrap”…其他依赖项也提到了，我的多次尝试中有一次在最后添加了它，但后来我得到了最后一个错误（来自我的帖子）

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

TypeError: object is not a function

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