如何将验证从父组件formGroup继承到自定义窗体控件

时间:2020-09-11 10:44:52

标签: javascript angular forms frontend reactive-forms

我想制作一些可重用的表单字段,例如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中定义验证。

0 个答案:

没有答案