如何根据收到的数据向动态表添加不同的图标？答案

【问题标题】：How to add different icons to dynamic table depending on the data that I am receiving?如何根据收到的数据向动态表添加不同的图标？
【发布时间】：2020-03-27 16:52:37
【问题描述】：

我有一个 Angular Material 动态表。如何添加不同的颜色或图标取决于我收到的数据，所以不是每一行都会受到影响以具有颜色或图标？你可以看到每一行都有按钮，但我不想在每一行都显示。

Here

【问题讨论】：

为了分离StackBlitz demo，请将其移到单独的行，并在问题正文中显示一些指示性代码

标签： angular typescript angular-material dynamic-data dynamic-tables

【解决方案1】：

您可以按条件在 tr 标签上添加类

<tr mat-row *matRowDef="let row; columns: displayedColumns;" [class.active]="row.isActive"></tr>

https://stackblitz.com/edit/angular-hle7vp

【讨论】：