如何使角材料膨胀板一次只膨胀一个

Question

I created a mat expansion panel. I want to make only one expandable at a time. Means when one particular record is expanded, and when i click on another record of mat expansion, then other record of mat expansion should close. Is there any way to do it?

Answer 1

You just need to wrap your expansion panels in a mat-accordion (see docs )

Make sure to set multi to false to disallow multiple expansion panels to be opened at the same time.

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

Here is a live example