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

Question

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

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

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

In the end I would like to have something like this，但当然是一个或另一个

并且我有4种可能的文本状态，所以我认为如果其他方法对我不起作用

Answer 1

我认为您可以使用属性“ id”选择颜色和图标。