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

Question

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

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

提前致谢。

Answer 1

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

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

Expand and collapse icons for mat table with accordion - Angular