在子组件中添加验证(Reactive Forms)
Add validation in the child component (Reactive Forms)
在上面的演示中,我在子组件内构建了一个带有输入字段的反应式表单 component.I 我正在尝试在子组件内添加新的表单控件并在组件内验证它 itself.I我收到以下错误。
Error: Cannot read property 'errors' of undefined
我不确定错误是什么,而且对 Reactive 来说很新Forms.In 简要说明我正在尝试做的是,
- 将新控件从子组件附加到父表单组
- 新添加的控件的验证应该在子组件本身内部完成
我知道很难学习所有 Angular 语法。
您应该进行几项更改:
1) FormControl 构造函数将值作为第一个参数,
所以不要写:
new FormControl(Validators.required)
你应该使用类似的东西:
new FormControl('', [Validators.required])
2) 要访问表单组 属性,您应该使用:
formGroup.controls.controlName
或
formGroup.get('controlName')
在上面的演示中,我在子组件内构建了一个带有输入字段的反应式表单 component.I 我正在尝试在子组件内添加新的表单控件并在组件内验证它 itself.I我收到以下错误。
Error: Cannot read property 'errors' of undefined
我不确定错误是什么,而且对 Reactive 来说很新Forms.In 简要说明我正在尝试做的是,
- 将新控件从子组件附加到父表单组
- 新添加的控件的验证应该在子组件本身内部完成
我知道很难学习所有 Angular 语法。
您应该进行几项更改:
1) FormControl 构造函数将值作为第一个参数,
所以不要写:
new FormControl(Validators.required)
你应该使用类似的东西:
new FormControl('', [Validators.required])
2) 要访问表单组 属性,您应该使用:
formGroup.controls.controlName
或
formGroup.get('controlName')