2016-08-07 2 views
2

を使用することができない私は、ブートストラップ-UIモジュールを使用しようとしていたが、私は次のようなエラーがあります。AngularJS 1.5.4ブートストラップ、UIモジュール

angular.min.js:6Uncaughtエラー:[$インジェクタを:modulerr] http://errors.angularjs.org/1.5.8/ $インジェクター/ modulerr?P0 = delyApp & 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におけるIは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ファイルが正しい順序であると推測します。おかげ

注入との問題があり

答えて

1

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

OHKに

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

から

変更コード、今、それは働いています。..私はこれを知らなかった。すごくありがとうございました! – user2246242

関連する問題