angularJS一些基础概念1

1. 当前作用域介绍
   作用域其实就像一个容器，作用域提供了基于原型链继承其父作用域属性的机制，先在该层范围内寻找数据模型，如果没有找到就要去父级作用域去找，直到找到最顶层rootscope为止，最顶层rootscope的标志就是在DOM 标签中有ng-app那一层，一般是在html标签中设置，如果想在网页的局部应用angularJS，那就在指定的DOM标签中，下面是我做测试的代码

html部分

    
    
    


    

        

            
We can access:{{rootProperty}} and {{parentProperty}}

            

                

                    we can access:
                    {{rootProperty}}
                    and
                    {{parentProperty}}
                    and
                    {{childProperty}}
                
                
{{fullSentenceFromChild}}
            
        
        


    

js部分:

var myapp=angular.module('myApp',[]);

myapp.run(function ($rootScope) {
    $rootScope.rootProperty='这是根作用域';
})
.controller('ParentController',function($scope) {
    $scope.parentProperty='这是父亲';

})

.controller('ChildController',function ($scope) {
    $scope.childProperty='这是孩子';
    $scope.fullSentenceFromChild='Same $scope: we can access ' + $scope.rootProperty + ' and ' + $scope.parentProperty + ' and ' +
            $scope.childProperty

});

测试结果是

测试结果.png

我把childController移到外面后

    
    
    


    

        

            
We can access:{{rootProperty}} and {{parentProperty}}


        
        

            

                we can access:
                {{rootProperty}}
                and
                {{parentProperty}}
                and
                {{childProperty}}
            
            
{{fullSentenceFromChild}}
        
        


    

结果是

结果2.png

特点是，同一层作用域是访问不了的，只能是层层包裹的向上访问