angularjs - AngularJS: ng-repeat の外部から ng-show を制御する

Question

私は Angular を学習している最中で、クリックされたサイド メニュー項目に応じてコンテンツ div のコンテンツを表示または非表示にしようとしています。

<div id="side-menu">
  <h3>Side Menu</h3>
  <div ng-repeat="item in example">
    <p ng-click="collapsed=!collapsed">
      API Name: {{ item.name }}
    </p>
  </div>
</div>
<div id="content">
  <h3>Content</h3>
  <!-- What do I have to add here to "connect" to "item in example"? -->
  <div ng-show="collapsed">
    <p>Debug: {{ item.debug }}</p>
    <p>Window: {{ item.window }}</p>
  </div>
</div>

ng-show他のdivからコントローラーに何を追加する必要がありますか?

Answer 1

使用$parent:

ng-click="$parent.collapsed=!$parent.collapsed"

例: http://jsfiddle.net/cherniv/6vhH3/

これを読んで、Angular の最も重要な基本を理解してくださいscopes。