AngularJS Scope

AngularJS Scope(作用域)

---

Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。

Scope 是一个对象，有可用的方法和属性。

Scope 可应用在视图和控制器上。

AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递:

当在控制器中添加 $scope 对象时，视图 (HTML) 可以获取了这些属性。

 

Scope概述

组成：

  1.视图（view）

  2.模型（Model），当前视图可用数据

  3.控制器(Controller)，当前js函数

 

scope 是模型

scope是一个带有属性和方法的js对象，并且可以在视图中使用。

修改视图后，模型和控制器中的作用域也会相应变化。

 

Scope 作用范围

在大型项目中，存在多个DOM，必须要分清scope的作用域

 

根作用域  $rootScope

$rootscope 可以应用于整个应用当中，相当于一个系统的全局变量，可以在各个controller中使用

    <div ng-app="myapp" ng-controller="myController">
        father's name:{{name}}<br/>
        son's name:<br />
        <ul>
            <li ng-repeat="x in names">{{x}}</li>
        </ul>
        <script>
            var app = angular.module("myapp", []).controller("myController", function ($scope, $rootScope) {
                $scope.names = ["son1", "son2"];
                $rootScope.name = "dad";
            });
        </script>
    </div>