之前看了一段时间的angular权威教程，陆陆续续写了几个demo,这里主要整理一下angularjs中的scope。

普通的子控制器继承父控制器

<body ng-app='MyApp'>
    <div ng-controller='ParentControler'>
        <div ng-controller='ChildController'></div>
    </div>
    <script src='../angular.min.js'></script>
    <script>
        var app = angular.module('MyApp',[]);
        app.controller('ParentControler',function($scope){
            $scope.aString = 'scope string';
            $scope.aNumber = 100;
            $scope.anArray = [10,20,30];
            $scope.anObject = {
                "property1": "parent prop1",
                "property2": "parent prop2"
            };
            $scope.aFunction = function(){
                return 'parent output'
            }
        });
        app.controller('ChildController',function($scope){
            console.log($scope);
            console.log($scope.anArray);
        })
    </script>
</body>

运行结果

和js的原型继承一样，childScope中并没用aString aNumber aObject aArray aFunction这些属性，这些属性在parentScope中，如果在childScope中直接访问这些属性，会像js的原型链一样一直往上找，直到$rootScope

修改demo1，让它输出parent中的某个值

执行结果

他访问到了父作用域中的值

基于第一种情况，在childScope直接对parentScope中的属性进行写操作。

对象和数组整体重新赋值

app.controller('ChildController',function($scope){
        $scope.aString = 'hello';
        $scope.aNumber = 200;
        $scope.anArray = [];
        $scope.anObject = {"a":1,"b":2};
        
        $scope.aFunction = function(){
            return 'child output'
        }
        console.log($scope);
        })

运行结果

对对象或者数组中的某个属性重命名

app.controller('ChildController',function($scope){
        $scope.aString = 'hello';
        $scope.aNumber = 200;
        $scope.anArray[2] = 999;
        $scope.anObject.property1 = 'child';
        
        $scope.aFunction = function(){
            return 'child output'
        }
        console.log($scope);
        })