Angularjs 引导折叠单击关闭其他

我在表格中使用AngularJS的ng repeat

当我点击一行时，有数据显示在这行的正下方

问题是，当我在一行已经展开的情况下单击另一行时，两行都展开了。 我想关闭第一个，扩展第二个

HTML

首先，您不需要为它提供唯一的id。。。试一下，或者在你的情况下，也许：

---

祝你好运。

你可以使用“崩溃”来简化引导崩溃的处理……如果没有其他方法，我会试试这个。当然有，他们没有做任何你在里面做不到的魔法。也许你可以简单地把他们对引导崩溃的处理作为学习的参考？我会尽量用他们的手法。THXI如果我没有唯一的ID，我如何知道应该折叠哪一行。。。。我想找到一个除了DowUI之外的其他解决方案

  <div id="accordion">
        <table class="table table-striped">
        <thead>
            <tr>
                <th class="col-md-10">Name</th>
                <th class="col-md-1">Collateral</th>
                <th class="col-md-1"></th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat-start="pack in packages | filter:search" id="row">
                <td data-toggle="collapse" data-target="#collapse{{$index}}" data-parent="#accordion" ng-click="expand(pack)">{{pack.name}}</td>
                <td><button class="btn btn-info"><span class="glyphicon glyphicon-open-file"></span></button></td>
                <td><input type="radio" ng-model="$parent.selectedPackage" ng-value="pack" /></td>
            </tr>

            <tr ng-repeat-end>
                <td colspan="3">
                    <div class="collapse" id="collapse{{$index}}">
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td>{{indication}}</td>
                                </tr>
                                <tr ng-repeat="bb in bananas">
                                    <td>{{bb.name}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
</div>