双方向（ダブル）アンギュラモデルにバインド駆動型反応性フォーム

Question

ここでは、インタフェースのuser.nameの値が自動的に更新されるようにする（双方向バインディングはテンプレート駆動のようにngModel）inputフィールドが更新されると、

Answer 1

可能です。

最初に、ReactiveFromsModuleの横にあるFormsModuleをプロジェクトにインポートする必要があります。

し、HTMLに[(ngModel)]="name"を追加し、それは次のようになります。

<form [formGroup]="formGroup"> 
    <input type="text" [(ngModel)]="name" formControlName="test"> 
</form> 

この​​を参照してください。サブスクリプションを介した

アップデートモデル： あなたがformGroupとvalueChangeに加入し、それぞれ自分のモデルを編集することができます。

この方法のように：

this.formGroup.valueChanges.subscribe((changes) => { 
    this.submitObj = changes; 

    for(let propName in changes){ 
     this.test[propName] = changes[propName]; 
    } 
    })