angular2-如果为正或为负,如何基于模板变量设置样式

angular2-如果为正或为负,如何基于模板变量设置样式,angular,Angular,我用angular2创建了一个表: <tr class="d-tbody-tr" *ngFor="let row of rows;let i=index"> <td *ngFor="let col of cols;let j=index"> <label>{{ data_hash[row][col]}}</label> </td> </tr> {{data_hash[row][c

我用angular2创建了一个表:

 <tr  class="d-tbody-tr" *ngFor="let row of rows;let i=index">
    <td *ngFor="let col of cols;let j=index">
        <label>{{ data_hash[row][col]}}</label>
     </td>
 </tr> 

{{data_hash[row][col]}
如果正数为黑色,否则为红色,如何设置字体

<tr  class="d-tbody-tr" *ngFor="let row of rows;let i=index">
 <td *ngFor="let col of cols;let j=index">
    <label [ngClass]="{'black': data_hash[row][col] >= 0, 'red': data_hash[row][col] < 0 }" >{{ data_hash[row][col]}}</label>
 </td>
</tr> 
ngClass指令将根据提供的条件将相关类别添加到标签标签中。如果data_hash[row][col]的值大于或等于零,则标签将具有.black类。对于任何小于零的值,它将具有.red类


ngClass指令将根据提供的条件将相关类别添加到标签标签中。如果data_hash[row][col]的值大于或等于零,则标签将具有.black类。对于任何小于零的值,它将具有.red类。

如果您只想更改颜色,只需使用[style.color]

 <label [style.color]="data_hash[row][col] < 0?'red':''">{{data_hash[row][col]}}</label>
{{data_hash[row][col]}

如果只想更改颜色,只需使用[style.color]

 <label [style.color]="data_hash[row][col] < 0?'red':''">{{data_hash[row][col]}}</label>
{{data_hash[row][col]}