未施加角度数据表内ngClass？

Question

下面的代码不适用ngClass。

 <table mat-table [dataSource]="dataSourceAB">
  <ng-container matColumnDef="Type">
   <th mat-header-cell *matHeaderCellDef> Type </th>
   <td mat-cell *matCellDef="let element" [ngClass]="(element.TxnType=='Credit')?'text-success':'text-danger'"> {{element.TxnType}} </td>
  </ng-container>
  <tr mat-header-row *matHeaderRowDef="displayedColumnsAB"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumnsAB;"></tr>
/table>

我得到正确的数据来显示，但不应用类。 WATS错了？

Answer 1

添加text-success和text-danger在CSS

Stackblitz demo

Component.html

<table mat-table [dataSource]="dataSourceAB" class="mat-elevation-z8">
    <ng-container matColumnDef="name">
        <th mat-header-cell *matHeaderCellDef> Type </th>
        <td mat-cell *matCellDef="let element" [ngClass]="(element.TxnType=='Credit')?'text-success':'text-danger'"> {{element.TxnType}}
            </td>
    </ng-container>
    <tr mat-header-row *matHeaderRowDef="displayedColumnsAB"></tr>
    <tr mat-row *matRowDef="let row; columns: displayedColumnsAB;"></tr>
</table>