email.invalid не работает в angularmaterial

Question

Я пытаюсь использовать AngularMaterial и проверяю формы

 <section class="signup-form">
  <form fxLayout='column' fxLayoutAlign='center' #f='ngForm' (ngSubmit)='onSubmit(f)'>
    <mat-form-field>
      <input
        type='email'
        matInput
        placeholder="Email"
        name='email'
        #emailInput='ngModel'
        required
        ngModel>
        <mat-error *ngIf="emailInput.invalid">Invalid</mat-error>
        <mat-error *ngIf="emailInput.hasError('required')">Field must not be empty</mat-error>
    </mat-form-field>
    <button type="submit" mat-raised-button color="warn" [disabled]='!f.valid'>Submit</button>
  </form>
</section>

Проблема в том, что он не показывает неверную проверку, только необходимые проверки работают. Пожалуйста, помогите.

Я использую "@angular/material": "^5.2.5",

EDIT: Я забыл добавить шаблон валидатора. Теперь это работает.

Answer 1

Проверьте этот пример из официальной документации

Ошибка электронной почты