[ngClass]を使用した条件に基づくダイナミックテーブルデータの色

Question

条件に基づいてテーブルのデータ値を正と負に変更しようとしています。 [ngClass]でそれを作る可能性はありますか？私はそれをこのようにすることはできません。何か案が？

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

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

Answer 1

これは動作するはずです。あなたは引用符は必要ありません：私はあなたとあなたがバインドするために使用する「gbh.Last」のme.Checkタイプのためにその作業と同じです上記のスニペットを使用しています

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

Answer 2

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

。それはNumber型でなければなりません