angular中$scope作用域和继承关系解析_ng-app angular scope-CSDN博客

本文链接：https://blog.csdn.net/ITzhongzi/article/details/68636502

作用域( scope )
表示的就是 ng 界面背后的那个对象
在 ng 中凡是使用了 ng-app, 或 ng-controller 在背后都会创建一个 scope,
用于维护当前代码结构中的数据.

多个 scope 之间按照 标签的层级关系依照原型继承的结构组织对象.
其中 $rootScope 是所有 scope 对象的根.

例如:
    <body ng-app>               表明在标签背后有一个 $rootScope 存在
    </body>



    <body ng-app="mainApp" ng-controller="mainController">
    </body>

    在背后有两个对象, 一个是 ng-app 维护的 $rootScope, 
    一个是 ng-controller 维护的 $scope.
    它们的关系是 $scope 原型继承自 $rootScope.



    <body ng-app="mainApp">
        <div ng-controller="controllerA"></div>
        <div ng-controller="controllerB"></div>
    </body> 

    #以上表达式中有三个scope对象， ng-app维护了一个$rootScope根scope对象，
    #一个是由controllerA维护的局部$scope对象
    #一个是由controllerA维护的局部$scope对象
    #其中 controllerA和controllerA维护的$scope对象通过原型继承自根$rootScope对象



    <body ng-app="mainApp">
        <div ng-controller="controllerA">
            <div ng-controller="controllerC"></div>
        </div>
        <div ng-controller="controllerB"></div>
    </body> 

    #以上表达式中有四个scope对象， ng-app维护了一个$rootScope根scope对象，
    #一个是由controllerA维护的局部$scope对象
    #一个由controllerC维护的$scope对象，这个$scope对象通过原型继承自controllerA维护的$scope对象
    #一个是由controllerA维护的局部$scope对象
    #其中 controllerA和controllerA维护的$scope对象通过原型继承自根$rootScope对象