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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM