如何制作角形材料膨胀面板一次只能膨胀一个

unk*_*own 3 angular-material angular

我创建了一个垫子扩展面板。我只想一次只制作一个可扩展的。意味着当扩展一个特定记录时,当我单击垫扩展的另一记录时,垫扩展的其他记录应该关闭。有什么办法可以做到吗?

JSO*_*ulo 7

您只需将扩展面板包装在mat-accordion(参见文档)

确保设置multi为false禁止同时打开多个扩展面板。

<mat-accordion [multi]="false">
  <mat-expansion-panel></mat-expansion-panel>
  <mat-expansion-panel></mat-expansion-panel>
</mat-accordion>
Run Code Online (Sandbox Code Playgroud)

这是一个活生生的例子