1. 程式人生 > >angularjs 的controller的三種寫法

angularjs 的controller的三種寫法

rep tail not ole -m sco details sta 引用

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的三種寫法