我想制作一些可重用的表单字段,例如ProductSelect
。因此,对于每个表单字段,im都会创建新的组件ex。 ProductSelectComponent
。但是我想在父组件Validators.required
中定义类似formGroup
的验证,以便可重用的表单域可以继承它们并在模板中显示这些验证。
这是示例代码段,不是我的。 https://plnkr.co/edit/eoPOeV0ZBK9gfIrQ?preview
我想在app.component.ts中做类似的事情:
this.form = this.fb.group({
product: ['', [Validators.required]]
});
然后在ProductSelectComponent
模板中使用hasError('required')之类的东西来显示错误。
目标是创建独立于验证的可重用表单域。这样我就可以在父formGroup中定义验证。