AngularJS中的父作用域与自作用域

最新推荐文章于 2021-09-10 14:50:16 发布

aqaua808082

最新推荐文章于 2021-09-10 14:50:16 发布

阅读量196

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/NickCarter/p/5966468.html

版权

对于$scope上的原生类型，如$scope.name="";
- 自作用域获取变量时，会查找作用域本身，找不到就会查找父作用域
- 修改时，若本作用域不存在，就会在本作用域创建一个变量，而不会向上查找并修改父作用域的变量
对于$scope上的对象，如$scope.name={};
- 自作用域获取变量时，会查找作用域本身，找不到就会查找父作用域
- 修改时，若本作用域不存在，会向上查找并修改父作用域的变量

 1 <!DOCTYPE html>
 2 <html >
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 <div ng-app="myApp">
 9     <div ng-controller="ParentController">
10         {{name}}
11         <br />
12         {{name1.value}}
13         <div ng-controller="ChildController">
14             {{name}}
15             <br />
16             {{name1.value}}
17         </div>
18     </div>
19 </div>
20 <script src="../angular-1.5.8/angular.js"></script>
21 <script>
22     var app = angular.module('myApp',[]);
23     app.controller('ParentController',function($scope){
24         $scope.name = "1";
25         $scope.name1={};
26         $scope.name1.value="2";
27     });
28     app.controller('ChildController',function($scope){
29         //$scope.name = "3";
30         //$scope.name1.value="4";
31     });
32 
33 </script>
34 </body>
35 </html>

转载于:https://www.cnblogs.com/NickCarter/p/5966468.html

aqaua808082

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS中的父作用域与自作用域

对于$scope上的原生类型，如$scope.name="";自作用域获取变量时，会查找作用域本身，找不到就会查找父作用域修改时，若本作用域不存在，就会在本作用域创建一个变量，而不会向上查找并修改父作用域的变量对于$scope上的对象，如$scope.name={};自作用域获取变量时，会查找作用域本身，找不到就会查找父作用域修改时，若本作用域不存在，...
复制链接

扫一扫