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

标签 javascript angular typescript

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

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

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

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

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

最佳答案

使用[class]并动态更改:

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

供引用

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

关于javascript - 设置文本颜色并根据数据文本更改图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58837318/

相关文章:

Javascript 的 "document.write()"中的 PHP 代码

javascript - 跟踪用户绘制折线捕捉到道路 bing map

javascript - 将事件处理程序附加到 Twitter Bootstrap 弹出窗口中的按钮

javascript - 无法从 PHP 数组中检索数据,该数组由使用 JQuery Ajax 的 function() 返回

javascript - 动态加载现有组件 Angular 2 Final Release

node.js - Angular - 如何导入 googleapis 库?

angular - 要求选中一个复选框

将服务 worker 安装到现有应用程序时出现 Angular 错误

typescript - => 和 : in Typescript 之间的区别

在 Web Worker 中导入 tensorflow 时出现 Angular typescript 类型检查问题