Angular Bootstrap折叠:当一个折叠打开时如何关闭另一个折叠

<div class="panel">
  <button (click)="toggleCollapse(1)">折叠1</button>
  <div [ngbCollapse]="isCollapsed[1]">
    <!-- 折叠1的内容 -->
  </div>
</div>

<div class="panel">
  <button (click)="toggleCollapse(2)">折叠2</button>
  <div [ngbCollapse]="isCollapsed[2]">
    <!-- 折叠2的内容 -->
  </div>
</div>

export class MyComponent {
  isCollapsed: boolean[] = [true, true]; // 初始化折叠状态

  toggleCollapse(index: number) {
    this.isCollapsed[index] = !this.isCollapsed[index];
    this.closeOtherCollapses(index); // 关闭其他折叠
  }

  closeOtherCollapses(index: number) {
    for (let i = 0; i < this.isCollapsed.length; i++) {
      if (i !== index) {
        this.isCollapsed[i] = true;
      }
    }
  }
}