在子组件中添加验证(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')

Forked Stackblitz