将 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

我的Ctrl

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!', //...

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

Answer 1

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

你必须在你的应用程序中注入模块的依赖：像这样 angular.module('MyApp', ['ui.bootstrap']);