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 に答える