首页 文章

Angular2形式的嵌套组?

提问于
浏览
0

我正在使用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 .

1 回答

  • 2

    您已指定 contact 的索引:

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

    或者(更具可读性):

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

    此外,作为建议,由于 contactemailarrays ,您可以将它们命名为复数: contactsemails .

相关问题