Question

Html代码：

<body ng-controller="MainCtrl">
  <h1>Outer: {{aaa.bbb}}</h1>
  <div ng-controller="InnerCtrl">
    <h1>Inner1: {{$parent['aaa']}}</h1>
    <h1>Inner2: {{$parent['aaa.bbb']}}</h1>
  </div>
</body>

Angularjs代码：

app.controller('MainCtrl', function($scope) {
  $scope.aaa = {
    bbb:'Freewind'
  }
});

app.controller('InnerCtrl', function($scope){
});

渲染的html将是：

Outer: Freewind

Inner1: {"bbb":"Freewind"}

Inner2:

您可以看到Inner2:为空。

我该如何展示？

这是一个现场演示：http://plnkr.co/edit/7IfxgsNCaUpKH9HOpr26?p=preview

Answer 1

InnerCtrl范围从其父范围（MainCtrl范围）继承属性，因此您可以直接访问这些属性：

<div ng-controller="InnerCtrl">
    <h1>Inner1: {{aaa}}</h1>
    <h1>Inner2: {{aaa.bbb}}</h1>
</div>

如何从父作用域获取嵌套模型？

1 个答案: