美文网首页
13. 控制器的作用域

13. 控制器的作用域

作者: 小草莓蹦蹦跳 | 来源:发表于2017-10-15 14:45 被阅读0次
    • 如果自己所在的控制器,没有该属性,就会去找它对应父级控制器的属性。

    • 如果父级也没有该属性,那就找不到值。

    • 父级作用域不能访问子级的属性。

    • 根作用域 $rootScope.name=wmx

    • 初始化全局作用域 ng-init = "name='rootDateName'"

    <body ng-app = "app" ng-init = "name='rootDataName'">
    
    <!--控制器的作用域处理:
    找属性,
    如果自己所在的控制器,没有该属性,就会去找它对应父级控制器的属性。
    如果父级也没有该属性,那就找不到值。
    父级作用域不能访问子级的属性。 根作用域。全局作用域。
    $rootScope.name=xmg;
    ng-init:初始化全局作用域
    -->
    
    <div ng-controller="wmxController">
        <!--'小草莓'-->
        <p>{{name}}</p>
    
        <!--没有打印东西-->
        <p>{{sex}}</p>
    
        <div ng-controller= "wmxController2">
            <div ng-controller="wmxController3">
    
                <!--1-->
                <p>{{age}}</p>
    
                <!--nv-->
                <p>{{sex}}</p>
    
            </div>
        </div>
        <div ng-controller="wmxController3">
    
            <!--1-->
            <p>{{age}}</p>
    
            <!--没有打印东西-->
            <p>{{sex}}</p>
    
        </div>
    </div>
    <script src="angular.js"></script>
    <script>
        var app = angular.module('app',[]);
        app.controller('wmxController',['$scope',function ($scope) {
            $scope.name = "小草莓";
            $scope.age = 1;
        }]);
        app.controller('wmxController2',['$scope',function ($scope) {
            $scope.name = "小草莓2";
            $scope.sex = "nv";
        }]);
        app.controller('wmxController3',['$scope',function ($scope) {
            $scope.name = "小草莓3"
        }])
    </script>
    </body>
    

    相关文章

      网友评论

          本文标题:13. 控制器的作用域

          本文链接:https://www.haomeiwen.com/subject/uptcuxtx.html