如何仅从抓取表中展开特定id的mat-expansion panel

<mat-accordion>
  <mat-expansion-panel *ngFor="let panel of panels" [expanded]="panel.id === selectedId">
    <mat-expansion-panel-header>
      {{ panel.title }}
    </mat-expansion-panel-header>
    <p>
      {{ panel.content }}
    </p>
  </mat-expansion-panel>
</mat-accordion>

selectedId: number | null = null;

togglePanel(id: number): void {
  if (this.selectedId === id) {
    this.selectedId = null; // 折叠面板
  } else {
    this.selectedId = id; // 展开面板
  }
}

<mat-accordion>
  <mat-expansion-panel *ngFor="let panel of panels" [expanded]="panel.id === selectedId">
    <mat-expansion-panel-header (click)="togglePanel(panel.id)">
      {{ panel.title }}
    </mat-expansion-panel-header>
    <p>
      {{ panel.content }}
    </p>
  </mat-expansion-panel>
</mat-accordion>