Angular change Cell Value Conditionally

Question

I have a grid displaying this data, I want to change the table data based upon cell value if cell values are 1 I have to display tick mark else cell value can you please help me

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

Answer 1

You can use a simple *ngIf to do that.

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