如何在 Angular 中检查 mat-cell 是否为 null

Question

我是 Angular 的初学者，我在 mat-table 中显示我的用户列表数据，我的要求是我想检查 mat-cell 是否为空如果为空我只想显示“无值”。

我根据自己的要求编写了以下代码，但出现异常。

<ng-container matColumnDef="email">
  <th mat-header-cell *matHeaderCellDef>Email</th>
  <td mat-cell *matCellDef="let element" *ngIf="element.email;else defaultValue">
    {{element.email}}
  </td>
  <ng-template #defaultValue>
    No value
  </ng-template>
</ng-container>

Answer 1

您不能在一个元素上使用两个结构指令，因此请考虑以下解决方案：

<td mat-cell *matCellDef="let element"> 
  <ng-container *ngIf="element.email; else defaultValue">
    {{element.email}}
  </ng-container>
</td>
<ng-template #defaultValue>
  No value
</ng-template>

Answer 2

这对我有用，希望对你有用！

<ng-container matColumnDef="email">
  <th mat-header-cell *matHeaderCellDef>Email</th>
  <td mat-cell *matCellDef="let element">
    <ng-container *ngIf="element.email; else defaultValue">
      {{element.email}}
    </ng-container>
    <ng-template #defaultValue>
    </ng-template>
  </td>
</ng-container>

如何在 Angular 中检查 mat-cell 是否为 null

How to check mat-cell null or not in Angular

angular

mat-table