使用手风琴展开和折叠垫表的图标 - Angular答案

【问题标题】：Expand and collapse icons for mat table with accordion - Angular使用手风琴展开和折叠垫表的图标 - Angular
【发布时间】：2019-07-09 07:04:06
【问题描述】：

我正在使用一个通用组件来显示带有手风琴的表格。我以某种方式实现了运行良好的功能。但我面临展开和折叠图标的问题。当我单击特定行时，我只想更改该行图标。但是所有行中的所有图标都更改了。

    <mat-icon *ngIf="col.columnDef == ' ' && !expanded">
      {{ expandedElement ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}
    </mat-icon>

提前致谢。

【问题讨论】：

【解决方案1】：

请将table.component.html 中的第 24 行修改为：

{{ expandedElement !== row ? 'keyboard_arrow_up' : 'keyboard_arrow_down' }}

【讨论】：