約束を使用するとngModelにデータが表示されない

Question

データを表示するためにngModelを使用するフォームがあります。しかし、情報を同期してロードするだけで、非同期コードコードを使用しようとすると、何も表示されません。私はフィールド名が正しいことを知っている、私が言ったように、それは同期コードで動作します。私は愚かな私が逃した何かであると確信していますが、私は何を理解することはできません。

userinformation.service.ts最初([...])で

getuserinformation(): Promise<UserInformation> { 
      return Promise.resolve(MOCKUSERINFORMATION[0]); 
     } 

userinformation.component.ts

getUserInformation(): void { 
     this.userinformationservice.getuserinformation().then(userdata => this.userinfo = userdata); 
    } 

userinformation.component.html

<input type="text" autofocus="autofocus" name="FirstName" id="firstname" required="required" placeholder="First Name" class="required" ([ngModel])="userinfo.FirstName" /> 

Answer 1

： はここにいくつかのコードのsnippitsです無効です。それが理由;-)

用バナナ・イン・ザ・ボックスの名前だと、userinfoがnullあるとき、userinfo.FirstNameが定義されていないので、これはまだエラーが発生しますあなたのケースでは

[(ngModel)]="userinfo.FirstName" 

であるべき。

これは

[ngModel]="userinfo?.FirstName" (ngModelChange)="userinfo && userinfo.FirstName = $event" 

又は代替

*ngIf="userinfo" [(ngModel)]="userinfo.FirstName" 

<input>ウェルuserinfoながら、図示されていないがまだ設定されていないこのように動作すべきです。

Answer 2

私は間違ったタイプのC＃MVCコントローラを使用していました。私は "IHttpActionResult"オブジェクトを返す "ApiController"を使用していたはずだったときに、コード内でユーザーをリダイレクトするために使用する "Controller"オブジェクトに基づいていました。私は ".map（response => response.json（））"を使って正しく翻訳することができます。