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>

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

我需要（并希望）[formGroup]在此组件级别应用。怎么办呢？

我试过了（我在这里做了新的）以下没有成功：

  @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>

在Angular 2中的Component级别添加FormGroup

1 个答案: