AngularJS - 控制器

控制器在AngularJS中的作用是增强视图

创建方法

var app = angular.module('app', []);
app.controller('FirstController', function($scope) {
    $scope.message = "hello";
    $scope.add = function(amount) { $scope.counter += amount; };
});

控制器的嵌套(作用域包含作用域)

• 对于ng-app所处的层级来说，它的父级作用域是 $rootScope

• 默认情况下，AngularJS在当前作用域中找不到某个属性时，便会在父级作用域中查找，如何找不到会顺着父级作用域一直身上查找，直到抵达$rootScope。

Example

app.controller('ParentController', function($scope) {
$scope.person = {greeted: false};
});
app.controller('ChildController', function($scope) {
$scope.sayHello = function() {
$scope.person.name = 'Ari Lerner';
};
});

<div ng-controller="ParentController">
<div ng-controller="ChildController">
<a ng-click="sayHello()">Say hello</a>
</div>
{{ person }}
</div>

结果

{"greeted": false,"name":"Ari Lerner"}