javascript - AngularJS 嵌套范围/ View

Question

是否可以访问在 $parent 的 $parent 范围中定义的 $scope 变量？

例如:

var foo = $scope.$parent.$parent.foo; /* evaluates to undefined */

这可能吗，推荐，有更好的选择吗？

Answer 1

您应该关注dot rule在这种情况下，您无需使用 $parent 注释即可访问父作用域。

如果你看ng-controller API，您会发现 scope: true 选项意味着新 Controller 确实创建了一个原型(prototype)继承自父 Controller 的范围，它允许访问已在父 Controller 中声明的对象属性范围。

基本上遵循prototypal inheritance.

标记

<div ng-controller="myController">
   <h1>my Controller Scope Here</h1>
   <input type="text" ng-model="myCtrl.data"/>
   <div ng-controller="innerController">
      {{myCtrl.data}}: {{innerCtrl}}
   </div>
</div>

Controller

app.controller('myController', function($scope){
    $scope.myCtrl = {};
})

app.controller('innerController', function($scope){
    $scope.innerCtrl = 'inner Data';
})