AngularJS嵌套范围/视图

Question

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

例如：

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

建议这样做，是否有更好的选择？

Answer 1

在这种情况下，应遵循点规则 ，这将允许您在没有$parent批注的情况下访问父范围。

如果您查看ng-controller API，您会发现scope: true选项确实意味着New controller确实创建了一个从父控制器原型继承的作用域，它允许访问已在parent中声明的对象属性。范围。

基本上，这确实遵循原型继承。

标记

<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>

控制者

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

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