角度材质：提交父窗体时，所需的mat输入字段不显示错误

Question

为了代码重用的目的，并在我的Web应用程序中保持一致的功能，我在我的应用程序中创建了一个输入组件，其作用是在父窗体中嵌入一个mat-输入。

当mat输入是必填字段时，组件会在父窗体中正确显示该字段，当用户与该字段交互但未输入任何内容时，会显示错误。但是，在没有用户与嵌入字段进行任何交互的情况下提交父表单时，不会显示任何错误。请参见下面的StackBlitz url：

https://stackblitz.com/edit/angular-material2-issue-jph57r

我已在Angular Material上发布了上述内容（见：https://github.com/angular/material2/issues/9788)但也许我遗漏了什么。

我错过什么了吗？有解决办法吗？

Answer 1

在窗体上使用markAllAsTouched（）方法将控件及其所有子控件标记为已触摸。

官方角度API参考

Answer 2

以下变通方法由Jefiozie在GitHub发布。代码循环遍历窗体的所有控件，并将它们标记为已触摸。

private setFormGroupTouched(formGroup: FormGroup) {
    Object.keys(this.formGroup.controls).forEach(field => {
      const control = this.formGroup.get(field);
      control.markAsTouched({ onlySelf: true });
    });
  }