Как проверить и заменить значение ячейки в таблице матов

Question

Я пытаюсь заполнить пустые ячейки в таблице матов цифрой «0». как я могу добиться этого с помощью «ngIF». пожалуйста, наставьте меня.

  <ng-container >
          <div class="example-container mat-elevation-z2">

            <mat-table  [dataSource]="dataSource" matSort>

              <ng-container matColumnDef="c">
                <mat-header-cell *matHeaderCellDef mat-sort-header> data</mat-header-cell>
                <mat-cell *matCellDef="let row"> {{row.c}}</mat-cell>
              </ng-container>

              <ng-container matColumnDef="t1">
                <mat-header-cell *matHeaderCellDef> {{t1}}</mat-header-cell>
                <mat-cell *matCellDef="let row">{{row.d1}}</mat-cell>
              </ng-container>

              <ng-container matColumnDef="t2">
                <mat-header-cell *matHeaderCellDef> {{t2}}</mat-header-cell>
                <mat-cell *matCellDef="let row">{{row.d2}}</mat-cell>
              </ng-container>

            </mat-table>
          </div>
        </ng-container>

Answer 1

Выражение шаблона внутри интерполяции {{ }} рассматривается как выражение TS. Таким образом, вы можете просто сделать {{row.d1 || '0'}}. Попробуйте следующее

<ng-container matColumnDef="c">
  <mat-header-cell *matHeaderCellDef mat-sort-header> Infektpraxis</mat-header-cell>
  <mat-cell *matCellDef="let row"> {{ row.c || '0' }}</mat-cell>
</ng-container>

Здесь, если row.c не определено, будет использоваться строковый литерал 0.

Answer 2

Вы можете использовать оператор || там, где нет таких данных

{{row.d2 || "0"}}

Это проверит, есть ли данные в row.d2 и их нет отобразит 0