AngularJS入门基础——作用域

作用域$scope是构成AngularJS应用的核心基础，在整个框架中都被广泛使用，因此了解它是非常重要的。

$scope对像是定义应用业务逻辑，控制器方法和视图属性的地方。作用域是视图和控制器之间的胶水。

 

作用域是应用状态的基础，基于动态绑定。我们可以依赖视图在修改数据时立刻更新$scope，也可以依赖$scope在起发生变化时立刻重新渲染视图。

将应用的业务逻辑都放在控制器中，而将相关的数据都放在控制器的作用域中，这是非常完美的架构。

 

$scope对象在AngularJS中充当数据模型，但与传统的数据模型不一样。它并不负责处理和操作数据，它只是视图和HTML之间的桥梁，它是视图和控制器之间的胶水。

 

<div ng-app="myApp">

  <h2>Hello {{} name }</h2>

</div>

<script type="text/javascript">

  angular.module("myApp", [])

    .run(function($rootScope) {

      $rootScope.name = "lin";

    });

</script>

 

作用域能做什么：

第一：提供观察者以监视数据模型的变化。

第二:可以将数据模型的变化通知给整个应用，甚至是系统外的组件。

第三：可以进行嵌套，隔离业务功能和数据。

第四：给表达式提供运算时所需的执行环境。

 

$scope的生命周期的四个不同阶段：

第一：创建-在创建控制器或指令的时候，AngularJS会用$injector创建一个新的作用域，并在这个新建的控制器或指令运行时将作用域传递进去。

第二：链接-当AngularJS开始运行时，所有的$scope对象都会附加或者链接到视图中，所有创建$scope对象的函数也会将自身附加到视图中。这些作用域将会注册当AngularJS应用上下文中发生变化时需要运行的函数。

第三：当事件循环运行时，它通常执行在顶层$scope对象上（被称作$rootScope），每个子作用域都执行自己的脏值检测。每个监控函数都会检查变化。如果检测到任意变化，$scope对象就会触发指定的回调函数。

第四：当一个$scope在视图中不再需要时，这个作用域将会清理和撤销自己。尽管永远不会需要清理作用域（因为AngularJS会为你处理），但是知道是谁创建了这个作用域还是有用的，因为你可以使用这个$scope上叫做$destroy()的方法来清理这个作用域。