在子组件中添加验证（活动表单）

Question

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

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

  

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

输入占位符也填充

;

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

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

Answer 1

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

您应该进行一些更改：

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

所以不要写：

new FormControl(Validators.required)

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

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

2）要访问表单组属性，您应该使用以下任一方法：

formGroup.controls.controlName

或

formGroup.get('controlName')

Forked Stackblitz