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。