Как проверить мат-ячейку нулевой или нет в угловых

Question

Я новичок в угловых и показываю данные моего списка пользователей в 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>