如何从子组件"formGroup"的角度反应形式添加"formControlName"？

Question

表单中有动态组件，我想将字段与有角的响应式表单连接起来。

例如我们有

first-component.html

<form [formGroup]="myform">
...
<second-component></second-component>
...
<button type="submit">
</form>

second-component.html

<div ngFor ...>
...
<third-component></third-component>
...
</div>

third-component.html

<div>
...
<input type="text">
...
</div>

如何添加"在第三个分量中，这是场?

Answer 1

你应该把formGroup作为@input传递给子组件，然后在html输入之前指定相对的formGroup

另一个方法是指定formControl本身，像这样:

<input [formControl]="formGroup.get('inputName')" type text>

有关该主题的更多信息，请参阅此链接:https://angular.io/guide/dynamic-form