Question

我试图用“ 0”填充mat表中的空白单元格。我如何使用“ 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

您可以在没有此类数据的地方使用||运算符

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

这将检查row.d2中是否有数据，如果没有，将显示0

Answer 2

interpolation {{ }}内部的模板表达式被视为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。

如何验证和替换Mat表中的单元格值

2 个答案: