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 ＆＃39; mgcrea.ngStrap＆＃39; 之后添加＆＃39; ui.bootstrap＆＃39;

在*＆＃39; MyService＆＃39;之后添加＆＃39; ui.bootstrap＆＃39; 在 myCtrl
中
更多类似的变化

我得到的错误信息取决于我的所作所为。既然我现在可能完全走错了路，我希望有人可以告诉我如何正确地在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文件从服务器发送到客户端？

你必须在你的app中注入模块的依赖：类似于angular.module（'MyApp'，['ui.bootstrap']）;

将Bootstrap UI模块添加到angularjs项目

1 个答案: