您可以在html中完全解决这个问题：

<div>
  <input ng-model=collapse type=checkbox>Title
  <div ng-show=collapse>
     Only shown when checkbox is clicked
  </div>
</div>

这也适用于ng-repeat，因为它将为每个成员创建一个本地作用域。

<table>
  <tbody ng-repeat='m in members'>
    <tr>
       <td><input type=checkbox ng-model=collapse></td>
       <td>{{m.title}}</td>
    </tr>
    <tr ng-show=collapse>
      <td> </td>
      <td>{{ m.content }}</td>
    </tr>
  </tbody>
</table>

请注意，即使repeat有自己的作用域，最初它也会从超级作用域继承collapse的值。这允许您在一个位置设置初始值，但可能会令人惊讶。
当然，您可以重新设置复选框的样式。

更新的fiddle：http://jsfiddle.net/azD5m/374/原始的fiddle使用结束</input>标签来添加HTML文本标签，而不是使用<label>标签。

问题来了，我不知道如何发送一个唯一的标识符与ng-click只展开/折叠正确的内容。
您可以使用ng-click传递$event（ng-dblclick和ng- mouse事件），然后您就可以判断是哪个元素造成事件：

<a ng-click="doSomething($event)">do something</a>

控制器：

$scope.doSomething = function(ev) {
    var element = ev.srcElement ? ev.srcElement : ev.target;
    console.log(element, angular.element(element))
    ...
}

另请参阅http://angular-ui.github.com/bootstrap/#/accordion

请访问http://angular-ui.github.io/bootstrap/#/collapse

function CollapseDemoCtrl($scope) {
  $scope.isCollapsed = false;
}


<div ng-controller="CollapseDemoCtrl">
    <button class="btn" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
    <hr>
    <div collapse="isCollapsed">
        <div class="well well-large">Some content</div> 
    </div>
</div>

我刚刚用ng-show，ng-click和ng-init写了一个简单的zippy/collapsable，它只实现了一个层次，但可以很容易地扩展到多个层次。
为ng-show分配一个布尔变量，并在单击标题时切换它。
快来看看

这里有一个简单而容易的解决方案，在Angular JS使用ng-repeat，可能会有所帮助。
第一个
这应该能满足你的要求。这是一个工作代码。
活塞连杆http://plnkr.co/edit/n5DZxluYHi8FI3OmzFq2?p=preview
Github：https://github.com/deepakkoirala/SimpleAngularCollapse

HTML格式

button ng-click="myMethod()">Videos</button>

在角

$scope.myMethod = function () {
         $(".collapse").collapse('hide');    //if you want to hide
         $(".collapse").collapse('toggle');  //if you want toggle
         $(".collapse").collapse('show');    //if you want to show
}