AngularJS入门基础——控制器
浏览数：39 /
时间：2015年06月09日
AngularJS中的控制器是一个函数，用来向视图的作用域添加额外的功能。我们用它来给作用域对象设置初始状态，并添加自定义行为。
AngularJS同其他JavaScript框架最主要的一个区别就是，控制器并不适合用来执行DOM操作，格式化或数据操作，以及除存储数据模型之外的状态维护操作。它只是视图和$scope之间的桥梁。
AngularJS应用的任何的一个部分，无论它渲染在哪个上下文，都有父级作用域存在。对ng-app所处的层级来讲，它的父级作用域就是$rootScope。
有一个例外，在指令内部创建的作用域被称为孤立作用域。
关于查找属性：默认情况下，AngularJS在当前的作用域中无法找到属性的时候，便会在父级作用域中进行查找。如果AngularJS找不到对应的属性，会顺着父级作用域一直向上查找。知道抵达$rootScope为止。如果$rootScope中也找不到，程序会继续运行，但试图无法更新。
<div ng-controller="ParentController">
<div ng-controller="ChildController">
<button ng-click="sayHello()">sayHello</button>
</div>
{{ person }}
</div>
<script type="text/javascript">
var app = angular.module("myApp", []);
app.controller("ParentController", function($scope) {
$scope.person = {
name: "lin"
};
});
app.controller("ChildController", function($scope) {
$scope.sayHello = function() {
$scope.person.age = 16;
};
});
</script>
*良好的应用会将复杂的逻辑放到指令和服务中。通过使用指令和服务，我们可以将控制器重构成一个轻量且容易维护的形式。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
