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

我正在学习如何创建一个可扩展的表。 我是个有棱角的新手。 我想做的是，当我在同一行单击时，我可以展开该行，当我在同一行再次单击时，我可以折叠它

关于如何添加此功能的任何建议？

在您的

（单击）

事件中，您仅设置

expandedElement

，因此它将始终处于选中状态。您需要切换该值，以便也可以取消选择该行

将

（单击）

功能更改为以下内容

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

请发布一些代码示例，说明您所做的事情以及您试图实现但不起作用的事情。您好，您可以使用手风琴来实现这一点，或者最好通过定义一个折叠高度的变量来为自己创建一个，该变量将在展开时更改。然后使用内联角度样式动态控制bootsrap中的高度引用折叠。。。