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

从官方文档中查看此示例

Email Error