在子组件中添加验证(活动表单)

时间:2019-06-03 09:14:01

标签: angular angular-reactive-forms reactive-forms

代码 https://stackblitz.com/edit/angular-yaipfv

在上面的演示中,我在子组件内部使用输入字段构建了一个反应形式,我试图在子组件内部添加新的表单控件并在组件内部进行验证,但出现以下错误。

  

错误:无法读取未定义的属性“错误”

输入占位符也填充

;

我不确定出现什么错误,并且是Reactive Forms的新手。总之,我想做的是

  • 将新控件从子组件添加到父表单组
  • 对新添加的控件的验证应在子组件本身内部进行

1 个答案:

答案 0 :(得分:1)

我知道很难学习所有Angular语法。

您应该进行一些更改:

1)FormControl构造函数将值作为第一个参数

所以不要写:

new FormControl(Validators.required)

您应该使用类似这样的东西:

new FormControl('', [Validators.required])

2)要访问表单组属性,您应该使用以下任一方法:

formGroup.controls.controlName

formGroup.get('controlName')

Forked Stackblitz