как использовать ngClass

Question

я хочу знать, как использовать ngClass

Answer 1

Это сработало для меня, спасибо всем

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

Answer 2

Вы можете использовать ngClass следующим образом:

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

Answer 3

@ Мухаммед Даниш попробует это,

<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

Вы также можете написать это так:

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