13. 控制器的作用域
2017-10-15 本文已影响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>
