Javascript 如何将验证从父组件formGroup继承到自定义表单控件

我想创建一些可重用的表单字段，如

ProductSelect

。因此，对于每个表单字段，我都在创建新组件，例如

ProductSelectComponent

。但是我想在父组件

formGroup

中定义类似

Validators.required

的验证，以便可重用表单字段可以继承它们并在其模板中显示这些验证

这是示例代码段，不是我的。

我想在app.component.ts中执行类似操作：

this.form = this.fb.group({
    product: ['', [Validators.required]]
});

然后在

ProductSelectComponent

模板中，使用类似hasError（“必需”）的内容来显示错误

目标是创建独立于验证的可重用表单字段。所以我可以在父formGroup中定义验证