如何动态添加mat-expansion面板？

import { MatExpansionModule } from '@angular/material/expansion';

@NgModule({
  imports: [
    MatExpansionModule
  ]
})

<mat-accordion>
  <mat-expansion-panel *ngFor="let item of items">
    <mat-expansion-panel-header>
      <mat-panel-title>
        {{ item.title }}
      </mat-panel-title>
    </mat-expansion-panel-header>
    <p>{{ item.content }}</p>
  </mat-expansion-panel>
</mat-accordion>

export class YourComponent implements OnInit {
  items: any[];

  ngOnInit() {
    this.items = [
      { title: 'Panel 1', content: 'Content 1' },
      { title: 'Panel 2', content: 'Content 2' },
      { title: 'Panel 3', content: 'Content 3' }
    ];
  }
}