html - 使用 Accordion 展开和折叠垫子 table 的图标 - Angular

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

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

提前致谢。

最佳答案

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

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

关于html - 使用 Accordion 展开和折叠垫子 table 的图标 - Angular，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56947003/