0

複数のネストされたグループを持つフォームを作成するために、Angular 2の反応形式モジュールを使用しています。Angular2フォームのネストされたグループはありますか?

私の信頼 '形式が

<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セットアップを持っています。 arraysありcontactのでemail、あなたがそれらを命名でき、提案として、また

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

:(もっと読みやすい)

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

または:

+1

これらのグループをどのように作成するのかを教えてください。 – Fals

+0

@Fals編集を参照してください。 TIA。 –

+0

電子メールグループを作成するたびに連絡が繰り返されることはありません。あなたが入れ子になっているなら、これを行うべきです。公式サイトの最後の例を見てみましょう:https://angular.io/docs/ts/latest/guide/reactive-forms.html#!#form-array – Fals

答えて

2

あなたはcontactのインデックスを指定してい複数:contactsおよびemails

関連する問題