AngularJS routeprovider不叫

我搜索了很多关于在AngularJS中路由的信息，并且看到了在stackoverflow的问题，例如，this 1,this 2,this 3,this 4。但是，没有结果。AngularJS routeprovider不叫

我已包括AngularJS 1.5.8.js和angular-route.js。

HTML：

<!doctype html> 
<html ng-app="employeesApp"> 
    <head> 
     <title>Injecting view</title>    
    </head> 
    <body > 

     <p>Hey! View should be injected between these statements</p> 
     <div ng-view></div> 
     <p>Hey! View should be injected between these statements</p> 

     <script src="scripts/angular.js"></script> 
     <script src="scripts/angular-route.js"></script> 
     <script src="app/app.js"></script> 
     <script src="app/controllers/employeesController.js"> </script> 
    </body> 
</html>

Employees.html：

<h2>Employees</h2> 
<article>This is employee view!:)</article

employeesController.js：

(function() 
{ 
    var employeesController=function($scope, foo, bar) {//THIS CODE SNIPPET IS NOT CALLED 
       alert('a1'); 
       debugger; 
       $scope.sortBy='name'; 
       $scope.reverse=false; 

       $scope.employees= [ 
    {joined:'2010-12-02', name:'Jon', city:'Reading', orderTotal:49.9956}, 
    {joined:'1995-01-25', name:'Ben', city:'Las Vegas', orderTotal:519.99}, 
    {joined:'1994-06-15', name:'Joseph', city:'New York', orderTotal:344.99}, 
    {joined:'1998-03-18', name:'Adam', city:'Seattle', orderTotal:1021.5} 
       ]; 

       $scope.doSort=function(propName){ 
        $scope.sortBy = propName; 
        $scope.reverse=!$scope.reverse; 
       }; 
      }; 

    employeesController.$inject=['$scope']; 
    angular.module('employeesApp',[]).controller('employeesController', 
        employeesController); 
}());

个app.js：

(function() { 
    debugger;  //this code snippet works  
    var app=angular.module('employeesApp',['ngRoute']); //this code snippet works 

    app.config(function($routeProvider){ //THIS CODE SNIPPET IS NOT CALLED 
      alert('in'); 
      debugger; 
      $routeProvider 
      .when('/', { 
      templateUrl: 'app/views/employees.html', 
      controller: 'employeesController' 
     }) 
     .otherwise({ redirectTo: '/' });      
     }); 
}());

我仔细检查了所有的指令和代码，但是employee.html没有注入。
有人知道我在做什么错吗？我正在使用AngularJS 1.5.8.js。

来源

2016-08-21 StepUp

我看到的是你在你的控制器

angular.module('employeesApp', []).controller('employeesController', employeesController);

重新定义employeesApp唯一的问题忽略了[]部分

angular.module('employeesApp').controller('employeesController', employeesController);

你只定义一次你的模块。使用angular.module('modulename', arrayofdependencies or empty array)

在其他地方，您只需使用getter语法获取模块并添加部件，即控制器，指令等。不要在这里使用数组。 angular.module('modulename').controller

来源

2016-08-21 11:53:19 Monir

男人，非常感谢你！：）你太棒了！ :) – StepUp

AngularJS routeprovider不叫

回答

相关问题