Question

我想知道可以使用ngClass

Answer 1

您也可以这样写：

<td [ngClass]="{'text-danger': element.maker, 'text-success1': !element.maker">...</td>

Answer 2

您可以像这样使用ngClass：

https://stackblitz.com/edit/angular-qhzwub?embed=1&file=src/app/app.component.html

Answer 3

@Muhammad Danish尝试一下，

<tr *ngFor="let element of marketTradeHistoryArray ">
    <td [ngClass]="{ element.maker ? 'text-danger' : 'text-success' }"> {{element.price}} </td>
    <td [ngClass]="{ element.maker ? 'text-danger' : 'text-success' }"> {{element.quantity}} </td>
    <td [ngClass]="{ element.maker ? 'text-danger' : 'text-success' }">{{element.price * element.quantity}}</td>
</tr>

在这里查看有关ngClass

的更多详细信息

Answer 4

这对我有用，谢谢大家

  <tr *ngFor="let element of marketTradeHistoryArray ">
       <td [ngClass]=" (element.maker === 'true') ? 'text-danger' : 'text-success1'">{{element.price}}</td>
       <td [ngClass]=" (element.maker === 'true') ? 'text-danger' : 'text-success1'"> {{element.quantity}}  </td>
       <td [ngClass]=" (element.maker === 'true') ? 'text-danger' : 'text-success1'">{{element.price * element.quantity}}</td>
  </tr>

如何使用ngClass

4 个答案: