Question

我正在从example中学习如何创建可扩展表。我是有角度的新手。我想做的是，当我单击同一行时，我可以将其展开，而当我再次单击同一行时，我可以将其折叠。

关于我可以做什么来添加此功能的任何建议？

Answer 1

在您的(click)事件中，您仅设置了expandedElement，因此它将始终被选中。您需要改为切换值，以便也可以取消选择该行。

将您的(click)函数更改为以下内容

<mat-row *matRowDef="let row; columns: displayedColumns;"
         matRipple 
         class="element-row" 
         [class.expanded]="expandedElement == row"
         (click)="expandedElement = expandedElement === row ? null : row">
</mat-row>

单击时如何展开和折叠表格行

1 个答案: