在角材料中展开和折叠表格行答案

【问题标题】：Expand and collapse table row in angular material在角材料中展开和折叠表格行
【发布时间】：2018-07-24 08:52:05
【问题描述】：

以下是仅发生扩展的示例，但我希望在您单击该行时折叠它。

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

请帮忙。

【问题讨论】：

【解决方案1】：

替换 (click)="expandedElement = row"

与

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

【讨论】：

它的工作！非常感谢:)
嗨@yousef你知道如何放弃向上和向下箭头图标，所以当我点击任何行时它应该切换。
@Priyanka 您可以使用ngClass 或ngStyle 添加条件css。您已经具备上述条件的地方。它应该是直截了当的。
{{ expandElement ? 'keyboard_arrow_down' : 'keyboard_arrow_up' }} 这条线工作正常，但每一行都在变化.. 它应该为点击的特定行而变化
{{expandedElement === 行？ 'keyboard_arrow_up' : 'keyboard_arrow_down' }}