如何根据我们在angular中点击的按钮改变ngb Accordion的activeIds

<ngb-accordion [activeIds]="activeAccordionIds">
  <ngb-panel title="面板1" id="panel1">
    <!-- 面板1的内容 -->
  </ngb-panel>
  <ngb-panel title="面板2" id="panel2">
    <!-- 面板2的内容 -->
  </ngb-panel>
  <ngb-panel title="面板3" id="panel3">
    <!-- 面板3的内容 -->
  </ngb-panel>
</ngb-accordion>

activeAccordionIds: string[] = [];

onButtonClick(panelId: string) {
  if (this.activeAccordionIds.includes(panelId)) {
    // 如果activeAccordionIds中已经包含了该面板的id，则移除该id
    this.activeAccordionIds = this.activeAccordionIds.filter(id => id !== panelId);
  } else {
    // 如果activeAccordionIds中不包含该面板的id，则添加该id
    this.activeAccordionIds.push(panelId);
  }
}

<button (click)="onButtonClick('panel1')">按钮1</button>
<button (click)="onButtonClick('panel2')">按钮2</button>
<button (click)="onButtonClick('panel3')">按钮3</button>