角度2：绑定对输入的可观察响应

Question

我的RC4应用程序中有一个看起来像这样的输入：

<div class="form-group" [ngClass]="{haserror: loginForm.controls.username.errors}">

    <label for="username">{{ 'username' | translate:{value: param} }}:</label>

    <input type="text" formControlName="username" class="form-control" autocomplete="off" spellcheck="off">

    <div class="input-error-feedback" *ngIf="loginForm.controls.username.errors">
       {{ 'usernameError' | translate:{value: param} }}
    </div>

</div>

现在我想通过对我的API进行HTTP调用来填充输入字段。我尝试进行可观察的调用并执行以下操作：

value="{{accountData?.username}}"

填充表单，但不会将其POST回API，除非我手动更改它的值。

如何将我从API获得的响应映射到输入，以便它可以？