angular - 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",

编辑： 我忘了添加验证器模式。现在它起作用了。

Answer 1

从官方文档中检查这个例子

电子邮件错误