Angular ngClass背景颜色随条件而变化

时间:2019-10-03 18:02:24

标签: html css angular ng-class

当register.day等于'NO REG。'时,我使用这部分代码来更改单元格的背景色:

<td class="text-center" [ngClass]="{'red': register.day1 == 'NO REG.'}"> {{register.day1}} </td>

当register.day1等于“(任何时间)-NO REG”时,是否可以使用ngClass并更改单元格的背景颜色?或'NO REG。 -例如2:30'?

2 个答案:

答案 0 :(得分:0)

使用布尔值或

[ngClass]="{'red': register.day1 == 'NO REG.'|| register.day1 == 'NO REG. - 2:30'}"

答案 1 :(得分:0)

在上设置ngclass 没有注册-2:30条件匹配,而其他设置如下所示的不同背景

<td class="text-center" [ngClass]="{'color': register.day1 == 'NO REG. - 2:30' , 'color2' :register.day1 != 'NO REG. - 2:30'  }"> {{register.day1}} </td>