2015-02-11 70 views
1

我想设置一些基本的路由,但不断面临控制台中的[$injector:modulerr]错误。我在我的应用程序中包含了angular-route.js,因为它已经被移植到它自己的模块中。但是,即时通讯仍然收到这个错误。

JS:

// App initialiser 
var module = angular.module('MyApp', ['ngRoute']); 


// Routing config 
module.config(function($routeProvider){ 

    $routeProvider. 
     when('/NewOrder', { 
      templateUrl: 'templates/addOrder.htm', 
      controller: 'addOrderController' 
     }). 
     when('/ShowOrders', { 
      templateUrl: 'templates/showOrders.htm', 
      controller: 'showOrdersController' 
     }). 
     otherwise({ 
      redirectTo: '/NewOrder' 
     }); 

}); 

// Add Order Controller 
module.controller('addOrderController', function($scope){ 
    $scope.message = "This is the Add Order screen."; 
}); 

// Show Orders Controller 
module.controller('showOrdersController', function($scope){ 
    $scope.message = "This is the Show Orders screen."; 
}); 

HTML(NG-应用程序包含在我的HTML标记):

<div class="container"> 

    <nav> 
     <ul> 
      <li><a href="#NewOrder"> New Order </a></li> 
      <li><a href="#"> New Contact </a></li> 
      <li><a href="#ShowOrders"> Show Orders </a></li> 
      <li><a href="#"> Show Contacts </a></li> 
     </ul> 
    </nav> 

    <div ng-view=""> 

    </div> 

</div> 


<!--SCRIPTS--> 
<script type="text/javascript" src="vendor/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular-route.min.js"> 

<script type="text/javascript" src="scripts/controller.js"></script> 

+0

为什么你使用这样一个古老版本的angularjs? – thedoctor 2015-02-11 15:35:40

+0

我希望你确定他们是相同的版本。你也可以验证文件是否真的被下载?使用网络选项卡上你使用的任何检查员 – 2015-02-11 15:36:17

+0

我的aplogies,只是更新CDN链接到1.3.13。 – Tomuke 2015-02-11 15:39:29

回答

1

对角路线的脚本标签必须关闭。

相关问题