ngForない

Question

新しいデータをプッシュするとき、私は反応性形の配列として設定してい反応性フォームの設定した更新：

<form *ngFor="let type of typesForms; let i = index" [formGroup]="typesForms[i]" class="row"> 

：私のhtmlの貫通私はループ

typesForms: FormGroup[] = []; 

を

しかし、新しいフォームをプッシュすると、HTMLは更新されません。

this.typesForms.push(this.formBuilder.group({ 
    type: { value: data['type'], disabled: true } 
})); 

私は結果のデータをログアウトしましたが、新しいフォームオブジェクトを表示しますが、フロントエンドには何も表示されません。私はこれに反応型のフォームと関係があると思っていますが、他に何かをねじ込んでいるかどうかはわかりません。

Answer 1

<form *ngFor="let type of typesForm" [formGroup]="type" class="row">を試しましたか？

---

更新：

あなたが複数のフォームを持っている場合は、角度の内蔵FormArrayデータ構造を利用することができます。フォームグループの操作を簡単にします - 変更内容を簡単に追跡し、リンクされたFormGroupやFormControlの妥当性を検証することができます。

Punkr example

注：あなたが望むようReactiveFormsModuleフード下構造のものは、あなたがFormArray秒、FormGroup sおよびFormControl Sを構成することができる方法のおかげ：

• あなたがフィールドとしてFormArrayを持つことができますaはFormGroup
• FormArrayであり、FormArrays、FormGroupsおよびFormControl s