围绕具有特定颜色的特定HTML文本

时间:2017-11-16 06:17:18

标签: html css angular typescript

我的HTML表格有一个Status参数,可以使用以下值:

  • 成功

  • FAILURE

  • 进展中

我想根据所需的值使用特定颜色环绕文本。我正在使用Angular 4(HTML和TypeScript)。

有什么指针可以解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

试试这个,我没有对此进行测试,但希望这会有所帮助:

[ngStyle]="{'background-color':status === 'SUCCESS' ? 'green' : status === 'FAILURE' ? 'red' : 'blue'}