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

angularjs 的controller的三种写法

2024-10-13 06:47:01   220人阅读

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. 

  2.     $scope.notifyServiceOnChage = function(){  
    3. 

  3.      console.log($scope.windowHeight);  
    4. 

  4.   };  
    5. 

  5. })  
    6. 



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


 


 


第三种：


 






[javascript] view plain copy

 










    

  1. function AppController($scope) {  
    2. 

  2.    $scope.notifyServiceOnChage = function(){  
    3. 

  3.      console.log($scope.windowHeight);  
    4. 

  4.   };  
    5. 

  5. }     
    6. 







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


 


摘自：http://blog.csdn.net/teddyu_leo/article/details/49816721
angularjs 的controller的三种写法






























        

            
                
                  
                
                

                    联系

                    我们