angular2 - 如果正面或负面，如何基于模板变量进行样式

Question

我有这个片段在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> 

如果正数为黑色其他红色字体，我该如何设置样式？

Answer 1

如果您只想更改颜色，可以使用[style.color]

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

Answer 2

<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> 

此外，在css / scss文件中创建两个类，根据类添加相关样式。 E.g。

.black {
color: black; }

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