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']
または:
これらのグループをどのように作成するのかを教えてください。 – Fals
@Fals編集を参照してください。 TIA。 –
電子メールグループを作成するたびに連絡が繰り返されることはありません。あなたが入れ子になっているなら、これを行うべきです。公式サイトの最後の例を見てみましょう:https://angular.io/docs/ts/latest/guide/reactive-forms.html#!#form-array – Fals