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

【问题标题】：How to only allow one mat-expansion-panel to be open at a time?如何一次只允许打开一个垫子扩展面板？
【发布时间】：2021-02-04 22:38:55
【问题描述】：

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

【问题讨论】：

【解决方案1】：

根据docs，你应该用mat-accordion包装它们

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

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

【讨论】：