angularjs 的controller的三種寫法
阿新 • • 發佈:2017-06-28
rep tail not ole -m sco details sta 引用
AngularJS 的controller其實就是一個方法,它有三種寫法:
第一種:
[javascript] view plain copy- <pre name="code" class="javascript">var AppController = [‘$scope‘, function($scope){
- $scope.notifyServiceOnChage = function(){
- console.log($scope.windowHeight);
- };
- }];
- app.controller(‘AppController‘,AppController);
在定義AppController的時候,先聲明方法需要註入的參數,然後再定義方法體。最後將AppController綁定到app上。
第二種:
[javascript] view plain copy
- app.controller(‘AppController‘, function($scope){
- $scope.notifyServiceOnChage = function(){
- console.log($scope.windowHeight);
- };
- })
直接在app的controller屬性定義,首先是controller名字,然後是方法體。
第三種:
[javascript] view plain copy
- function AppController($scope) {
- $scope.notifyServiceOnChage = function(){
- console.log($scope.windowHeight);
- };
- }
直接寫方法,然後在ng-controller引用該方法
摘自:http://blog.csdn.net/teddyu_leo/article/details/49816721
angularjs 的controller的三種寫法