0

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

4

1 回答 1

3

InnerCtrl范围从其父范围(范围)继承属性,因此MainCtrl您可以直接访问这些属性:

<div ng-controller="InnerCtrl">
    <h1>Inner1: {{aaa}}</h1>
    <h1>Inner2: {{aaa.bbb}}</h1>
</div>
于 2013-03-01T10:23:44.513 回答