首页 > 代码库 > angularjs 的controller的三种写法

angularjs 的controller的三种写法

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

angularjs 的controller的三种写法