首页 > 代码库 > AngularJS中的父作用域与自作用域
AngularJS中的父作用域与自作用域
- 对于$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中的父作用域与自作用域
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。