如何一次只允许打开一个垫扩展面板？

Question

我的项目中有几个垫子扩展面板。正如预期的那样，当我单击它们时，它们会打开并保持打开状态，直到单击关闭为止。我希望一次只能打开一个面板。也就是说，如果单击另一个面板时已经打开一个面板，则应关闭打开的面板并打开新面板。这可以在 Angular 中做到吗？我该如何进行此修改？

Answer 1

根据文档，你应该用它们包裹它们mat-accordion

<mat-accordion>
  <mat-expansion-panel>
  </mat-expansion-panel>

  <mat-expansion-panel>
  </mat-expansion-panel>
</mat-accordion>