Question

我试图使用bootstrap-ui模块但是我有以下错误：

angular.min.js：6未捕获错误：[$ injector：modulerr] http://errors.angularjs.org/1.5.8/ $ injector / modulerr？p0 = delyApp＆amp; p1 =错误％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"
});

}）;

但它目前无法正常工作..给出了模块化错误......任何想法？我猜js文件的顺序正确。感谢

Answer 1

注射存在问题，

更改代码，

发件人

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

要

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

AngularJS 1.5.4无法使用boostrap-ui模块

1 个答案: