【问题标题】:AngularJS 1.5.4 unable to use boostrap-ui moduleAngularJS 1.5.4 无法使用 bootstrap-ui 模块
【发布时间】:2016-08-07 04:28:38
【问题描述】:

我尝试使用 bootstrap-ui 模块,但出现以下错误:

angular.min.js:6Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=delyApp&p1=Error%3A…%20q%20(http%3A%2F%2Flocalhost%3A8080%2Fscripts %2Fangular.min.js%3A7%3A355)

我有这个文件:

index.html

<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Delivery Online</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#/deliverys">Listado de deliverys</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

<div ng-view></div>

<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.js"></script>
<script src="scripts/ui-bootstrap-tpls-2.0.1.min.js"></script>
<script src="app/route.js"></script>
<script src="app/controller.js"></script>

并在 route.js 中注入了 ui.bootstrap 模块:

var app = angular.module("delyApp", ["ngRoute"], ['ui.bootstrap']);

app.config(function ($routeProvider) {
    $routeProvider
    .when("/agregar", {
        templateUrl: "agregar.html",
        controller: "controller"
    })
    .when("/deliverys", {
        templateUrl: "deliverys.html",
        controller: "controller"
    })
.otherwise({
    templateUrl: "deliverys.html",
    controller: "controller"
});

});

但它目前不工作.. 给出 modulerr 错误...任何想法?我猜 js 文件的顺序是正确的。谢谢

【问题讨论】:

    标签: javascript angularjs twitter-bootstrap


    【解决方案1】:

    注入有问题,

    修改代码,

    来自

    var app = angular.module("delyApp", ["ngRoute"], ['ui.bootstrap']);
    

    收件人

    var app = angular.module("delyApp", ['ngRoute','ui.bootstrap']);
    

    【讨论】:

    • 哦,现在它正在工作......我没有意识到这一点,我是有角的新手对不起,非常感谢!
    猜你喜欢
    • 1970-01-01
    • 2015-09-27
    • 1970-01-01
    • 1970-01-01
    • 2015-10-20
    • 1970-01-01
    • 2013-04-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多