angular - 如何使角材料扩展面板一次只能扩展一个

Question

我创建了一个垫子扩展面板。我想一次只做一个可扩展的。意味着当一个特定的记录被扩展时，当我点击另一个垫子扩展记录时，其他垫子扩展记录应该关闭。有什么办法吗？

标签： angularangular-material

Answer 1

您只需将扩展面板包装在一个mat-accordion（请参阅文档）

确保设置multi为false不允许同时打开多个扩展面板。

<mat-accordion [multi]="false">
  <mat-expansion-panel></mat-expansion-panel>
  <mat-expansion-panel></mat-expansion-panel>
</mat-accordion>

这是一个活生生的例子