Angular2形式的嵌套組？

Question

我正在Angular 2中使用反應式表單模塊來創建具有多個嵌套組的表單。

我的“信任”表格在

<FormArray>this.newTrustForm.controls['contact']

“聯系人”組中的一個字段是“電子郵件”組的數組，我嘗試在此處找到它，但可惜，沒有。 我在哪里可以找到它？

<FormArray>this.newTrustForm.controls['contact'].controls['email']

我用以下內容設置表格。

constructor(private _fb: FormBuilder) { }

ngOnInit() {
  this.newTrustForm = this._fb.group({
    ...
    contact: this._fb.array([]),
    ...
  });
}

然后，我在下面添加“聯系人”組。

initContact() {
  return this._fb.group({
    ...
    email: this._fb.array([]),
    ...
  });
}

然后，我以相同的方式設置了initContactEmail。

Answer 1

您已指定contact索引：

<FormArray>this.newTrustForm.controls['contact'][INDEX]['controls']['email']

或者（更具可讀性）：

this.newTrustForm.get(`contact.${INDEX}.email`) as FormArray;

另外，作為建議，由於contact和email是arrays ，因此您可以將它們命名為復數形式： contacts和emails 。