码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-16 14:06:49      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

  • 对于$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>

 

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

标签:

原文地址:http://www.cnblogs.com/NickCarter/p/5966468.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!