1. 首頁
  2. 問答
  3. 錯誤：$ injector：modulerr Module Error ...爲什麼我得到這個？

錯誤：$ injector：modulerr Module Error ...爲什麼我得到這個？

2015-04-24 44 views
-1

繼續收到以下錯誤。在過去的問題中找不到解決我問題的任何內容。不知道該從哪裏出發。

無法實例模塊schoolApp由於： 錯誤：[$注射器：modulerr] http://errors.angularjs.org/1.3.14/ $注射器/ modulerr P0 = ...） 在錯誤（天然）

的index.html：

<!DOCTYPE html> 
<html lang="en" ng-app="schoolApp"> 
<head> 

    <title>LS Dashboard</title> 

    <!-- CSS --> 
    <link href="css/reset.css" rel="stylesheet"> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

</head> 


<body> 

<header> 
    <span id="headerText"><a href="/">Hawaii DOE Dashboard</a></span> 

    <a href="http://www.tlcdelivers.com" target="_blank"><img id="tlclogo" src="img/The_Library_Corporation_logo.png"></img></a> 
</header> 

<div ng-view></div> 

    <!-- Scripts --> 
    <script src="js/jquery-1.11.2.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
    <script src="//code.angularjs.org/1.2.16/angular.min.js"></script> 
    <script src="//code.angularjs.org/1.2.16/angular-route.js"></script> 
    <script src="//code.angularjs.org/1.2.16/angular-resource.min.js"></script> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
</body> 
</html>

app.js：

var app = angular.module('schoolApp', ['ngRoute']); 

app.config(function($routeProvider) { 
    $routeProvider.when('/', 
    { 
    templateUrl: 'views/home.html', 
    controller: 'schoolsCtrl' 
    }) 
    .when('/dashboard', 
    { 
    templateUrl: 'views/modules.html', 
    controller: 'urlCtrl' 
    }) 
    .otherwise({ redirectTo: '/' }); 
});

controllers.js：

app.controller('urlCtrl', function($scope) { 


    $scope.url = 'http://ws8-sptweb'; 
    $scope.staff = $scope.url + ':8082/LS2Staff'; 
    $scope.reports = $scope.url + '/ls2reports'; 

    $scope.pac = $scope.url + ':8080/'; 
    $scope.kids = $scope.url + ':8080/kids' 
    $scope.ysm = 'www.youseemore.com'; 
    $scope.config = '?config='; 

    $scope.pacConfig = null; 
    $scope.ysmConfig = null; 
    $scope.pacUrl = url + pac + config + pacConfig; 
    $scope.ysmUrl = url + ysm + ysmConfig; 



    $scope.backroom = $scope.url + ':8096/backroom'; 
    $scope.rti = $scope.url + '/rti'; 



    $scope.osc = 'http://ww2.tlcdelivers.com/helpdesk'; 
    $scope.otc = 'http://otcampus.tlcdelivers.com'; 
    $scope.lscustomer = 'http://ww2.tlcdelivers.com/lscustomer/'; 
    $scope.kb = 'http://kb.tlcdelivers.com/'; 



    $scope.blackboard = 'http://hidoe.blackboard.com'; 
    $scope.hidoehome = 'http://www.hawaiipublicschools.org/Pages/home.aspx'; 

}); 

app.controller('schoolsCtrl', function($scope) { 

    $scope.allSchools = [ 
     {name: 'All Schools', pacConfig: '', ysmConfig:''}, 
     {name: 'All Elementary Schools', pacConfig: '', ysmConfig:''}, 
     {name: 'All Middle Schools', pacConfig: '', ysmConfig:''}, 
     {name: 'All High Schools', pacConfig: '', ysmConfig:''}, 
     {name: 'All Charter Schools', pacConfig: '', ysmConfig:''}, 
     {name: 'All Other Schools', pacConfig: '', ysmConfig:''} 
     ]; 
});

modules.html：

<div class="mainContent"> 

    <div class="row"> 

     <div id="staff" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{staff}}" class="thumbnail" target="_blank"> 
       Staff 
      </a> 
     </div> 

     <div id="reports" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{reports}}" class="thumbnail" target="_blank"> 
       Reports 
      </a> 
     </div> 

     <div id="pac" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{pac}}" class="thumbnail" target="_blank"> 
       PAC 
      </a> 
     </div> 

     <div id="kids" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{kids}}" class="thumbnail" target="_blank"> 
       Kids 
      </a> 
     </div> 

     <div id="ysm" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{ysm}}" class="thumbnail" target="_blank"> 
       YouSeeMore 
      </a> 
     </div> 

     <div id="backroom" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{backroom}}" class="thumbnail" target="_blank"> 
       Backroom 
      </a> 
     </div> 

     <div id="rti" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{rti}}" class="thumbnail" target="_blank"> 
       RTI 
      </a> 
     </div> 

     <div id="onlineSupport" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{osc}}" class="thumbnail" target="_blank"> 
       Support Center 
      </a> 
     </div> 

     <div id="onlineTraining" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{otc}}" class="thumbnail" target="_blank"> 
       Training Campus 
      </a> 
     </div> 

     <div id="customerSite" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{lscustomer}}" class="thumbnail" target="_blank"> 
       LS Customer 
      </a> 
     </div> 

     <div id="kb" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{kb}}" class="thumbnail" target="_blank"> 
       Knowledge Base 
      </a> 
     </div> 

     <div id="blackboard" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{blackboard}}" class="thumbnail" target="_blank"> 
       Blackboard 
      </a> 
     </div> 

     <div id="website" class="column col-xs-12 col-sm-6 col-md-4 col-lg-3"> 
      <a ng-href="{{hidoehome}}" class="thumbnail" target="_blank"> 
       HIDOE Home 
      </a> 
     </div> 

    </div> 

</div>

home.html的：

<div id="mainContent"> 

    <div id="selectSchoolText"> 
     Please select your school. 
    </div> 

<div> 

    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <!--ng-controller="centralCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Central 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in centralSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 
    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> <!--ng-controller="hawaiiCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Hawaii 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in hawaiiSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 
    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="honoluluCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Honolulu 
       <span class="caret"></span> 
      </button> 

      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in honoluluSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 
    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="kauaiCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Kauai 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in kauaiSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div>  
    </div> 


<!--<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>--> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="leewardCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Leeward 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in leewardSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 
    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="mauiCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Maui 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in mauiSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 
    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="windwardCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       Windward 
       <span class="caret"></span> 
      </button> 

      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in windwardSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div> 


    </div> 


    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"><!-- ng-controller="allCtrl"--> 
     <div class="dropdown"> 
      <button class="btn btn-default dropdown-toggle" type="button" id="" data-toggle="dropdown" aria-expanded="true"> 
       All Schools 
       <span class="caret"></span> 
      </button> 
      <ul class="dropdown-menu district-menu" role="menu" aria-labelledby="dropdownMenu1"> 
       <li role="presentation" ng-repeat="school in allSchools"><a role="menuitem" tabindex="-1" href="modules.html">{{ school.name }}</a></li> 
      </ul> 
     </div>  
    </div> 
</div> 

</div>

來源

2015-04-24 rachiebytes

+0

請在問題可見的位置創建一個plunkr（或類似的東西）。 – sirrocco

+1

我認爲你需要發佈更多的代碼。那巨大的文字牆是不夠的。 –

+0

你正在縮小你的代碼嗎？ – Pytth

回答

0

試試這個，你不注射$routeProvider：

app.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/', 
    { 
    templateUrl: 'views/home.html', 
    controller: 'schoolsCtrl' 
    }) 
    .when('/dashboard', 
    { 
    templateUrl: 'views/modules.html', 
    controller: 'urlCtrl' 
    }) 
    .otherwise({ redirectTo: '/' }); 
}]);

來源

2015-04-24 15:50:38

0

更新你的控制器是：

app.controller('schoolsCtrl',['$scope', function($scope) { ... }]); 

app.controller('urlCtrl', ['$scope', function($scope) { ...}]);

來源

2015-04-24 15:53:21

+0

不匹配，試圖，仍然收到相同的消息。我還在app.config中注入了$ routeProvider ...仍然收到相同的消息。 – rachiebytes

相關問題

 相關問題