Проверка электронной почты Angular Material не работает в форме на основе шаблона

Question

Можете ли вы сказать мне, почему это не работает?<mat-error *ngIf="email.errors.email">.Но это работает нормально.<mat-error *ngIf="email.errors.required"> Email is required.

<form name="form" (ngSubmit)="f.form.valid && submit()" #f="ngForm" novalidate>
        <div class="form-group">
            <mat-form-field>
                <mat-label>Email</mat-label>
                <input matInput type="email" name="email" placeholder="Email address" autocomplete="off" [(ngModel)]="model.email"
                 #email="ngModel" email="true" required>
                <mat-error *ngIf="email.errors.email">
                    Email is invalid.
                </mat-error>
                <mat-error *ngIf="email.errors.required">
                    Email is required.
                </mat-error>
            </mat-form-field>
        </div>
    </form>

Answer 1

Нашел решение.Это должно быть так.

Примечание: ? является важной частью.

<mat-error *ngIf="email.errors?.email && !email.errors?.required">
                Email is invalid.
</mat-error>