使用[ngClass]基于条件的动态表数据的颜色

时间:2017-03-20 11:02:47

标签: javascript angular

我尝试根据条件使变更表数据值为正和负。是否有可能使用[ngClass]。我不能这样做。任何想法?

<tr *ngFor="let gbh of gbhoil">

   <td  [ngClass] ="{'positive': gbh.Last > 0, 'negative': gbh.Last < 0}"> {{gbh.Last}} </td>

2 个答案:

答案 0 :(得分:3)

<td [ngClass]="{'negative' : myNumber < 0, 'positive' : myNumber > 0 }">{{myNumber}}</td>

我正在使用的上述代码段与您的相同,也适用于我的工作。检查&#34; gbh.Last&#34;的类型。你用来绑定。它应该是数字类型

答案 1 :(得分:0)

这应该有效。您不需要引号:

[ngClass] ="{positive: gbh.Last > 0, negative: gbh.Last < 0}">