定義路線

Question

我有一個mainApp.js文件，我把它驗證碼：

var mainApp = angular.module('mainApp', []); 

**//ROUTES** 
mainApp.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider 
    .when('/index', 
    { 
     templateUrl: '/Views/Admin/index.html' 
    } 
    ); 
}]); 

當我跑我不ROUTES部分應用程序，一切正常，但是當我將它們添加到mainApp .js文件我面對$注入器：模塊器錯誤在我的 瀏覽器中。

我儘量清楚瀏覽器緩存，檢查HTML網頁，以確保對包括mainApp.js文件，並換成我的代碼：

var mainApp = angular.module('mainApp', []).config(config); 

config.$inject = ['$routeProvider']; 
function config($routeProvider) { 
    $provider 
    .when('/index', 
    { 
     templateUrl: '/Views/Admin/index.html' 
    } 
    ); 
} 

但是什麼都沒有發生，我與該錯誤再次面對。

你能幫助我嗎？

感謝

Answer 1

你需要注入ngRoute作爲依賴，同時參考角路由器圖書館，

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script> 

控制器

var mainApp = angular.module('mainApp', [ngRoute]).config(config); 

DEMO

Answer 2

我注意到幾個問題：

• 您還沒有宣佈module功能ngRoute依賴。

應該是：

var mainApp = angular.module('mainApp', ['ngRoute']).config(config); 

的而不是：

var mainApp = angular.module('mainApp', []).config(config); 

• 你必須使用的對象困惑：$ routeProvider和$提供商即可。 $提供者與映射網址沒有任何關係。

• 爲什麼在templateUrl之前使用/？

• config.$inject = ['$routeProvider']應該不需要。

試一下：

angular.module('mainApp', ['ngRoute']) 
     .config(
      function ($routeProvider) { 

     $routeProvider 
      .when('/index', { 
       templateUrl: 'Views/Admin/index.html' 
      }) 
     }; 
);