理解angular4个表单中formGroup的声明

Question

我是 angular 的新手，在文档中我了解到要将数据从父级传递给子级，我们使用这样的输入装饰

export class demo {
  @input()
  someInput: any;
}

然后我们像这样将数据从父级传递给子级

<div *ngFor='let data of moreData'>
<child-component [someData]='data'></child-component>
</div>

现在我的问题是，当我们在反应式表单方法中使用 formGroup 时，我们使用

[formGroup]='form'

但是为什么持有表单的组件不需要@input()formGroup:FormGroup 标签，我是不是遗漏了什么，如果是，请告诉我

Answer 1

您没有在包含表单的组件上添加 [formGroup]。您将它添加到 <form> 元素上。所以它不能是你组件的输入。

formGroup 属性是 FormGroupDirective. And this directive has an input named formGroup 的选择器。

因此，通过将 formGroup 属性添加到元素，您可以触发 FormGroupDirective 的实例化，并且通过将 FormGroup 类型的值作为该属性的值传递，您可以将表单组传递到该指令的输入.

Understanding the declaration of formGroup in angular 4 forms