javascript - 设置文本颜色并根据数据文本更改图标

Question

我正在使用 Angular/typescript，我正在从基础获取实时数据并在表中对其进行排序。

我的问题是如何更改文本颜色并根据我得到的内容添加不同的图标。我得到了这个

  <td>
      {{ item.status49 }}
   </td>

[最后，我想要这样的东西][1]，但当然作为一个或另一个

我有 4 种可能的文本状态，所以我认为 If else 对我不起作用

Answer 1

使用[class]并动态更改:

<p [class]="visible ? 'green' : 'red'">
    Start editing to see some magic happen :)
</p>

供引用

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