angularjs 的controller的三种写法

Posted 2020-09-25 十步杀一人千里不留行

AngularJS 的controller其实就是一个方法，它有三种写法：

第一种：

[javascript] view plain copy

 

1. <pre name="code" class="javascript">var AppController = [‘$scope‘, function($scope){  
2.      $scope.notifyServiceOnChage = function(){  
3.      console.log($scope.windowHeight);  
4.   };  
5. }];  
6. app.controller(‘AppController‘,AppController);  

 

 

 

在定义AppController的时候，先声明方法需要注入的参数，然后再定义方法体。最后将AppController绑定到app上。

 

第二种：

 

[javascript] view plain copy

 

1. app.controller(‘AppController‘, function($scope){  
2.     $scope.notifyServiceOnChage = function(){  
3.      console.log($scope.windowHeight);  
4.   };  
5. })  

直接在app的controller属性定义，首先是controller名字，然后是方法体。

 

 

第三种：

 

[javascript] view plain copy

 

1. function AppController($scope) {  
2.    $scope.notifyServiceOnChage = function(){  
3.      console.log($scope.windowHeight);  
4.   };  
5. }     

直接写方法，然后在ng-controller引用该方法

 

摘自：http://blog.csdn.net/teddyu_leo/article/details/49816721