在组件级用这样的一个模板添加FormGroup在角2

Question

我有一个组件：

<td> 
    <input type="text" placeholder="Date: jour/mois/année" formControlName="dateDebut" > 
</td> 
<td> 
    <input type="text" placeholder="Date: jour/mois/année" formControlName="dateFin"> 
</td> 

正如你可能已经猜到了，该组件将在tr元素应用（selector: '[app-xxx]'）。

我需要（并希望）[formGroup]应用于此组件级别。如何做呢？

我想（我是新在此）以下withouth的成功：

@HostBinding('[formGroup]') formGroup: FormGroup; 

Answer 1

试试这个

child.ts

@Input() form: FormGroup; 

模板：

<td [formGroup]="form"> 
    <input type="text" placeholder="Date: jour/mois/année" formControlName="dateDebut" > 
</td> 
<td [formGroup]="form"> 
    <input type="text" placeholder="Date: jour/mois/année" formControlName="dateFin"> 
</td> 

或类似这样的

<div [formGroup]="form"> 
    // content 
</div> 

父

<child-selector [form]="parentFormGroup"></child-selector>