Bootstrap 4 打开后，折叠元素不会在单击时关闭

我使用bootstrap 4来折叠卡中的一些数据问题是，一旦我单击链接显示折叠的元素，它就不再关闭

错误在哪里

<h5 class="card-header">
                            <a class="collapsed d-block" data-toggle="collapse" href="#table-collapsed{{obj.0}}" aria-expanded="true" aria-controls="collapse-collapsed" id="heading-collapsed">
                                <i class="fa fa-chevron-down pull-right"></i>
                                 Details

 <div id="table-collapsed{{obj.0}}" class="collapse" aria-labelledby="heading-collapsed">
                            <table class="card-body table-sm table table-hover text-right">
                                <tbody>
                                    <tr>
                                        <td>NICKNAME</td>
                                        <td>{{ obj.4 }}</td>
                                    </tr> 
                                    <tr>
                                        <td>DOB</td>
                                        <td>{{ obj.5 }}</td>
                                    </tr> 
                                </tbody>
                            </table>
                        </div>

试试这个代码

昵称 数据1 出生日期 数据2

---

那么它与我的代码有什么不同呢？？我希望链接是动态的，基于卡片的ID。你试过动态ID的角度表达式吗？{{'表折叠'+obj}}