Отображать разные данные в корпусе разборной панели

Question

Я работаю над динамическим отображением данных в несколько разборных панелей, чтобы при каждом щелчке отображать отдельные данные в каждом теле, но каким-то образом при каждом щелчке они делятся одними и теми же данными для каждой панели.

Что я хотел сделать, это отобразить отдельные данные для каждого элемента. Вот мой пример кода, который я написал.

<span ng-repeat="t in tabledata">
                <div class="bs-example">
                    <div class="panel-group" id="accordion">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#{{t.appSystemName}}">
                                        <table class="table borderless">
                                            <tr>
                                                <td>
                                                    <span class="glyphicon glyphicon-plus"
                                                        ng-click="getDataForProdQa(t.appSystemName)"
                                                        ng-model="plus">
                                                    </span>
                                                </td>
                                                <td>{{t.dbName}}</td>
                                                <td>{{t.appSystemName}}</td>
                                                <td>{{t.Id}}</td>
                                                <td>{{t.frequency}}</td>
                                                <td>{{t.timeStamp}}</td>
                                            </tr>
                                        </table>
                                    </a>
                                </h4>
                            </div>
                        </div>
                        <div id="{{t.appSystemName}}" class="panel-collapse collapse">
                            <div class="panel-body">
                                <table class="table table-responsive" >
                                    <tr ng-repeat="i in innertabledata">
                                        <td>{{i.dbName}}</td>
                                        <td ng-model="check">{{i.appSystemName}}</td>
                                        <td>{{i.Id}}</td>
                                        <td>{{i.frequency}}</td>
                                        <td>{{i.timeStamp}}</td>
                                    </tr>

                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </span>

Нужна помощь для решения этой проблемы

Answer 1

просто попробуйте сделать id = "accordion" динамическим, так как он находится в ng-repeat, и каждый раз один и тот же идентификатор дублируется. Так что создайте динамический id, такой как id = "accordion {{$ index}}", а также data-parent сделайте это динамичным. Надеюсь, это поможет. Спасибо