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>

我需要从另一个div添加到控制器ng-show？

Answer 1

使用$parent：

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

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

阅读this以了解Angular'scopes最重要的基础知识。