Jquery 具有角位移的动态塌陷效应

我一直在做一个项目，我陷入了一种奇怪的境地。我几乎完成了我的任务，最后我得到了一个任务来动态加载折叠/扩展特性，这个特性已经使用引导创建。这是我的代码，无论我在尝试什么，但不知何故，我并没有得到解决方案

<div class="panel internal_panel" *ngFor="let leader of leaders;let i = index;" >
    <div class="data_heading" [id]="'leader_heading'+i">
        <div class="data_left_col lead_lft_col">
            <h4 class="panel-title team_title leader_name">
                <a class="team_name" data-toggle="collapse" (click)="onTeamToggleClick(leader)" [attr.aria-expanded]="leader.isToggled"  [href]="'#leader_collapse'+i">
                   <i class="icon fas fa-plus"></i> <i class="icon fas fa-minus"></i> {{leader.FULL_NAME}}
                </a>
            </h4>
        </div>
    <div [id]="'leader_collapse'+i" [attr.aria-labelledby]="'leader_collapse'+i" class="panel-collapse team-collapse collapse in" [attr.aria-expanded]="leader.isToggled">
        <div class="panel-body employee_panel">
            <div class="panel-group">
               // Some code here
            </div>
        </div>
    </div>
</div>

//这里有一些代码

正如您所见，我正在处理切换事件，当重新加载数据时，我希望重新绑定该值。我在这里使用了“isToggled”来设置它是否折叠。现在，若你们看到我们已经通过添加“collapsein”应用了这个类来打开它。我试着把它与

[ngClass]

一起使用，但我失败了。所以请帮我在这里设置折叠/展开事件