美文网首页
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. 控制器的作用域

    如果自己所在的控制器,没有该属性,就会去找它对应父级控制器的属性。 如果父级也没有该属性,那就找不到值。 父级作用...

  • Angular作用域&&自定义指令

    更多内容 ! 请移步本人博客 ! 点击跳转 控制器作用域 控制器和函数一样,也有自己的作用域.类似函数,作用域范围...

  • angularjs ng-if 与 ng-repeat下的ng-

    那么ng-model指令对应的作用域属性子级作用域,而并非控制器注入的$scope作用域对象,这点在进行双向数据绑...

  • 2017-5-20 AngularJS 学习笔记

    控制器的作用域 每个控制器都对应一个模型,也就是 $scope 对象,不同层级控制器下的 $scope 产生了作用...

  • 2017-5-21 AngularJS学习笔记

    指令作用域 自定义指令可以又自己的控制器,自己的模型和作用域 默认情况,指令使用的模型是和它所在的控制器的模型是同...

  • AngularJS控制器作用域之间的通信

    作用域实际上是以层级结构的形式组织起来的,顶层是根作用域(root scope)。每个控制器都会被赋予一个新的作用...

  • Jmeter的逻辑控制器

    jmeter中逻辑控制器(Logic Controllers)的作用域只对其子节点的sampler有效,作用是控制...

  • jmeter(八)-逻辑控制器-1

    jmeter中逻辑控制器(Logic Controllers)的作用域只对其子节点的sampler有效,作用是控制...

  • AngularJS学习笔记(三)控制器和表达式

    控制器 AngularJS中的控制器是一个函数,用来向视图的作用域中添加额外的功能。我们用它来给作用域对象设置初始...

  • 5、Scope of AngularJS

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

网友评论

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

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