入力フィールドが反応式で更新されない角度4

Question

私は角型アプリケーションで反応式を使用しています。 私は2つのフィールドを持っています.1つは選択（名前付きクライアント）で、もう1つは入力（名前はclientCode）で、更新する必要があります。

<select formControlName="client"> 
      <option value="">Client</option> 
      <option *ngFor="let item of data.clients" [value]="item.value">{{ item.value }}</option> 
      </select> 
      <input type="text" formControlName="clientCode" placeholder="Client Code" value="{{ clientCode$ | async }}"> 

ユーザーがクライアントを選択したとき、私はそのクライアントに関連付けられたコードを取得し、それは、入力値を更新観察可能（clientCodeの$）としてそれを返すように私は、クライアント上でvalueChangesを使用しています。

これは私の画面では動作していますが、clientCodeが表示されていますが、フォーム自体は更新されていません。入力欄をクリックしてタイプすると、何かが更新されます。

これを修正する方法はありますか？

おかげで成功したあなたの代わりにvalueのngModelプロパティを使用することができる制御モデルを更新するために

Answer 1

。

それは次のようになります。内部の入力タグの内部に `値=`から `` {{clientCode $}}移動することに役立つかもしれない

[ngModel]="clientCode$ | async" 

Plunker Example