Angular изменение значения ячейки условно - PullRequest
0 голосов
/ 06 января 2020

У меня есть сетка, отображающая эти данные, я хочу изменить данные таблицы, основываясь на значении ячейки, если значения ячейки равны 1, я должен отобразить галочку, иначе значение ячейки вы можете мне помочь

<ng-container matColumnDef="Monday">
    <th mat-header-cell *matHeaderCellDef> M </th>
    <td mat-cell *matCellDef="let element" [ngClass]="{'make-tick': element.Monday == '1'}"
        [ngClass]="{'make-gold': element.Monday == '0'}"> {{ element.Monday}} </td>
</ng-container>

1 Ответ

1 голос
/ 07 января 2020

Вы можете использовать простой *ngIf, чтобы сделать это.

<ng-container matColumnDef="Monday">
  <th mat-header-cell *matHeaderCellDef> M </th>
  <td mat-cell *matCellDef="let element" 
      [ngClass]="{'make-tick': element.Monday == '1', 'make-gold': element.Monday == '0'}">
    <ng-container *ngIf="element.Monday != '1'; else tick">
      {{element.Monday}}
    </ng-container>
    <ng-template #tick><!-- markup for tick --></ng-template>
  </td>
</ng-container>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...