使用特定颜色包围特定HTML文本

我的HTML表有一个

Status

参数，该参数可以取值如下：

• 成功

• 失败

• 进行中

我想根据需要的值用特定的颜色包围文本。我正在使用Angular 4（HTML和TypeScript）

---

有解决这个问题的方法吗？

试试这个，我没有测试这个，但希望它能帮上忙：

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

---

为每个状态定义类中的样式，并使用

ngClass

切换该类。例如，

[ngClass]=“{'success'：status=='success'，'failure'：status=='failure'，'inprogress'：status=='inprogress'}”

您所说的“用特定颜色围绕文本”到底是什么意思？文字笔划？阴影出身背景文本元素周围的边框？你的HTML现在看起来像什么？@Brad Background正是如此。@AbhijeetMohanty

Background:#f7f@Brad Yes我知道，我的问题是如何根据文本内容改变背景颜色。请注意，原始作者使用angular 4，您的解决方案是angularjs。是的，我使用angular 4。@SzarikOh！对不起，我错过了，所以你可以更喜欢这个链接，以了解NgStyle和NgClass上面的Angular 5链接，但它支持4，刚刚发送更新更新你的answer@D.Pareek这个链接帮助了我。你能把它作为一个答案，这样它能帮助别人吗。不管怎样，人们都下定决心否决这个问题。