2017-10-21 25 views
0
var app = angular.module('MyApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
    $routeProvider 
     .when("/Home", { 
      templateUrl: "Home/EmployeeList", 
      controller: "listController", 
     }) 
     .when("/Home1", { 
      templateUrl: "Home/EmployeeTable", 
      controller: "tableController", 
     }) 
     .otherwise({ 
      redirectTo: "/Home/Index" 
     }) 
     .controller("listController", function ($scope) { 
      $scope.message = "In list controller"; 
     }) 
}); 

爲什麼在運行代碼TypeError:routeProvider.when(...)。when(...)。否則(...)。控制器錯誤顯示在cosole中。爲什麼providerRoute不工作

+0

請提供完整的錯誤信息。 –

+0

Uncaught Error:[$ injector:modulerr] http://errors.angularjs.org/1.6.4/$injector/modulerr?p0=MyApp&p1=TypeError%3A%20%24routeProvider.when(...).when( ...)。3) at angular.js:38 at angular.js:4920 at q(angular.js:403) at g(angular.js:4880) at eb(angular.js:4802 ) 在C(angular.js:1914) 在鈧(angular.js:1935) 在UE(angular.js:1820) 在angular.js:33367 在HTMLDocument.b(angular.js:3431) –

回答

0

將控制器註冊呼叫移出配置塊。沒有$routeProvider.controller

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

app.config(function ($routeProvider) { 
    $routeProvider 
     .when("/Home", { 
      templateUrl: "Home/EmployeeList", 
      controller: "listController", 
     }) 
     .when("/Home1", { 
      templateUrl: "Home/EmployeeTable", 
      controller: "tableController", 
     }) 
     .otherwise({ 
      redirectTo: "/Home/Index" 
     }) 

}); 


app.controller("listController", function ($scope) { 
    $scope.message = "In list controller"; 
})