Eingabefeld nicht aktualisiert in Reaktive Formulare Winkel 4

Question

Ich verwende reaktive Formulare in einer Angular-Anwendung. Ich habe 2 Felder, eines ist ein Select (named Client) und das andere eine Eingabe (named clientCode), die aktualisiert werden muss, wählt der Benutzer einen neuen Client.

<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 }}"> 

Ich valueChanges über Client, so dass, wenn der Benutzer einen Client ich den Code erhalten zu diesem Client zugeordnet ist, und es gibt ihn als eine beobachtbare (clientCode $), die dann den Eingabewert aktualisiert.

Dies funktioniert in meinem Bildschirm, wie der ClientCode angezeigt wird, aber das Formular selbst wird nicht aktualisiert. Nur wenn ich in das Eingabefeld klicke und etwas eintippe wird aktualisiert.

Gibt es eine Möglichkeit, das zu beheben?

Dank

Answer 1

Um Steuerungsmodell zu aktualisieren, erfolgreich können Sie ngModel Eigenschaft statt value verwenden.

Es könnte wie folgt aussehen:

[ngModel]="clientCode$ | async" 

Plunker Example