Angular Material反应形式：为每个验证器显示不同的错误消息

Question

我有一个反应形式，我想用<mat-error>显示不同的错误消息，但是我不知道如何。我已经搜索了一下。

TS：

  selectDataFormGroup: FormGroup = this.formBuilder.group({
    headerCoordinate: ['', [
        Validators.required,
        Validators.pattern(/^.+:.+$/)
      ]
    ],
    contentCoordinate: ['', [
        Validators.required,
        Validators.pattern(/^.+:.+$/)
      ]
    ],
  });

HTML：

<mat-form-field fxFlex>
  <input matInput formControlName="headerCoordinate">
  <mat-error>{{ 'Field is required' | translate }}</mat-error>
</mat-form-field>

我需要为required和pattern提供不同的错误消息。当表单字段通常无效时，将显示<mat-error>。我该如何实现？

Answer 1

您能尝试这样的事情吗？

!= rds-ca-2019