用角形材料展开和折叠表格行

Pri*_*ka 8 angular-material angular

下面是仅发生扩展的示例,但我希望单击该行使其折叠。

https://stackblitz.com/edit/angular-material-expandable-table-rows?file=app%2Ftable%2Ftable.component.ts

我希望我的桌子是这样的:

表

请帮忙。

You*_*han 6

更换 (click)="expandedElement = row"

(click)="expandedElement === row? expandedElement = null : expandedElement = row"

https://stackblitz.com/edit/angular-material-expandable-table-rows-8ypyfu?file=app%2Ftable%2Ftable.component.html

  • <mat-icon>{{expandedElement === 行?'keyboard_arrow_up' : 'keyboard_arrow_down' }}</mat-icon> (2认同)