http応答でデータが更新されていません

Question

http応答後に「user」フィールドが更新されましたが、エラーが発生します。

エラー：[5 @ ProfileComponentに名前提出{{user.firstName}}：3]に未定義の 'firstNameの' プロパティを読み取ることができません

私は<p> {{user | json}} </p>を書く場合、私は、 "ユーザー" フィールドの値を参照してください。

コンポーネント

export class ProfileComponent implements OnInit { 

    title:string = "Profile"; 
    public user:User; 

    constructor(private _stateService:StateService, 
       private _profileService:ProfileService) { 
    } 

    ngOnInit():any { 
     this._profileService 
      .getMe() 
      .subscribe(
       user=> this.user = user 
      ) 
    } 
} 

Htmlの

<p>{{ user.firstName }}</p> 

Answer 1

<p> {{user?.firstName}} </p> 

ここを見てください。これは私の実装です（あなたとは異なるかもしれません）。

http://plnkr.co/edit/NmxaIzOUmmnMriJeSnrA?p=preview - （？）（友人タブをクリックします）

はエルビス演算子を削除しようと、あなたがエラーを取得します参照してください。 （？）演算子では正常に動作しています。

Answer 2

Try <p [innerHtml]="user.firstname"></p>. 

また、コンストラクタ内のユーザーをデフォルト値に初期化します。

constructor(private _stateService:StateService, 
       private _profileService:ProfileService) { 
     this.user = new User();// assuming user class has default constructor 
    }