angularjs 的controller的三种写法

2021-07-10 16:07

阅读:445

标签:app   board   参数   rip   cti   target   属性   star   ace   

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

第一种:

[javascript] view plain copy
 
  1. "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的三种写法

标签:app   board   参数   rip   cti   target   属性   star   ace   

原文地址:http://www.cnblogs.com/cnblogs-jcy/p/7089943.html


评论


亲,登录后才可以留言!