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

  • 对于$scope上的原生类型,如$scope.name="";
    • 自作用域获取变量时,会查找作用域本身,找不到就会查找父作用域
    • 修改时,若本作用域不存在,就会在本作用域创建一个变量,而不会向上查找并修改父作用域的变量
  • 对于$scope上的对象,如$scope.name={};
    • 自作用域获取变量时,会查找作用域本身,找不到就会查找父作用域
    • 修改时,若本作用域不存在,会向上查找并修改父作用域的变量
 1 DOCTYPE html>
 2 <html >
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Titletitle>
 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

你可能感兴趣的:(javascript)