是區別本地安裝或角JS

我試圖開發採用了棱角分明的js應用程序。它簡單的路由。當我添加的角度通過URL這樣的參考網址：是區別本地安裝或角JS

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    <script src="~/js/app.js"></script>

我的應用程序的工作很好，但是當我添加這樣的：

<script src="~/Scripts/angular.min.js"></script> 
<script src="~/Scripts/angular-route.min.js"></script> 
<script src="~/js/app.js"></script>

我得到這個錯誤：

angular.js:68 Uncaught Error: [$injector:modulerr] Failed to instantiate module sampleApp due to: 
Error: [$injector:unpr] Unknown provider: $routeProvide

這裏是我的app.js

//Define an angular module for our app 
var sampleApp = angular.module('sampleApp', []); 

//Define Routing for app 
//Uri /AddNewOrder -> template add_order.html and Controller AddOrderController 
//Uri /ShowOrders -> template show_orders.html and Controller AddOrderController 
sampleApp.config(['$routeProvider', 
    function ($routeProvider) { 
     $routeProvider. 
     when('/AddNewOrder', { 
      templateUrl: 'templates/add_order.html', 
      controller: 'AddOrderController' 
     }). 
     when('/ShowOrders', { 
      templateUrl: 'templates/show_orders.html', 
      controller: 'ShowOrdersController' 
     }). 
     otherwise({ 
      redirectTo: '/AddNewOrder' 
     }); 
    }]); 


sampleApp.controller('AddOrderController', function ($scope) { 

    $scope.message = 'This is Add new order screen'; 

}); 


sampleApp.controller('ShowOrdersController', function ($scope) { 

    $scope.message = 'This is Show orders screen'; 

});

這裏是我的html代碼：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>AngularJS Routing example</title> 
</head> 

<body ng-app="sampleApp"> 

    <div class="container"> 
     <div class="row"> 
      <div class="col-md-3"> 
       <ul class="nav"> 
        <li><a href="#AddNewOrder"> Add New Order </a></li> 
        <li><a href="#ShowOrders"> Show Order </a></li> 
       </ul> 
      </div> 
      <div class="col-md-9"> 
       <div ng-view></div> 
      </div> 
     </div> 
    </div> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> 
    <script src="~/js/app.js"></script> 
</body> 
</html>

來源

2016-04-27 Ehsan Akbar

您確定該文件位於那裏嗎？網絡面板顯示什麼？ – epascarello

@epascarello是的文件是在那裏，我安裝了nuget在vs –

@epascarello在網絡中所有文件都可用 –

您需要將引用添加到模塊（角路由模塊），你的模塊依賴於。該錯誤說$ routeProvide對它來說是未知的，並且在角路由模塊中可用。

//Define an angular module for our app 
var sampleApp = angular.module('sampleApp', ['ngRoute']);

來源

2016-04-27 14:23:17

我添加了你的答案，但我得到這個錯誤：未捕獲的錯誤：沒有模塊：ngRoute和Uncaught TypeError：window.angular。$$ csp不是函數 angular.min.js：17未捕獲錯誤：沒有模塊：ngRoute –

意味着文件angular-route.min.js沒有被加載。查看您的參考資料和/或瀏覽器開發人員工具，瞭解爲什麼.js文件丟失。 –

感謝它的工作 –

是區別本地安裝或角JS

回答

相關問題