码迷,mamicode.com
首页 > Web开发 > 详细

angularjs 的controller的三种写法

时间:2017-06-28 15:44:41      阅读:211      评论:0      收藏:0      [点我收藏+]

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

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的三种写法

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!