在組件級用這樣的一個模板添加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>