angualrjs學習--控制器2嵌套控制器

AngularJS應用的任何一個部分,無論它渲染在哪個上下文中,都有父級作用域存在。對於

ng-app 所處的層級來講,它的父級作用域就是 $rootScope 。

除了孤立作用域外,所有的作用域都通過原型繼承而來,也就是說它們都可以訪問父級作用
域。

默認情況下,AngularJS在當前作用域中無法找到某個屬性時,便會在父級作用域中進行查
找。如果AngularJS找不到對應的屬性,會順着父級作用域一直向上尋找,直到抵達 $rootScope
爲止

<div ng-controller="ParentController">
    <div ng-controller="ChildController">
      <a href="#" ng-click="sayHello()">Say hello</a>
    </div>
    {{ person }}
  </div>

  <script>
    var app = angular.module('myApp', []);

    app.controller('ParentController', function($scope) {
      $scope.person = { greeted: false };
    })

    app.controller('ChildController', function($scope) {
      $scope.sayHello = function() {
        $scope.person.name = "Ari Lerner";
        $scope.person.greeted = true;
      }
    })
<script>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章