折叠和折叠手风琴垫表的图标-Angular

Question

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

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

Stackblitz：https://stackblitz.com/edit/angular-yr45pl

谢谢。

Answer 1

请在table.component.html中将第24行固定为：

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