0

error-text我已经建立了一个 Angular 材料表,如果 [dataSource] 返回 isActive=false ,我想使用类。

我正在尝试这样做,但没有运气:

<table
  mat-table
  [dataSource]="dataSource"
  matSort
  class="mat-elevation-z8 table table-striped"
  [ngClass]="dataSource?.isactive == 'false' ? 'error-text' :''"
>

我的课程不适用于表格。

我知道我可以将这个类应用于我表的每一行,但这对我来说似乎是不正确的解决方案:

<ng-container matColumnDef="fullname">
    <th mat-header-cell *matHeaderCellDef mat-sort-header>
      {{ translate("name") }}
    </th>
    <td
      mat-cell
      *matCellDef="let element"
      [ngClass]="element?.isactive == 'false' ? 'error-text' :''"
    >
      {{ element.fullname }}
    </td>
  </ng-container>

有没有人找到一个解决方案,我可以简单地声明一次 ngClass 并将其应用于整个表?

4

0 回答 0