ngOnInitと非同期データを処理する方法

Question

テンプレート：

<h5 class="card-title">{{profile.company}}</h5> 

ProfileComponent：

inline template:3:33 caused by: Cannot read property 'company' of undefined 

私はテンプレートが速く、その後ロードされているので、それはだと思う：

private getRouteParams; 
public profile; 

ngOnInit() { 
    this.getRouteParams = this._route.params.subscribe(params => { 
     this._customerService.getCustomer(params.id) 
      .subscribe(data => this.profile = data[0]) 
    }); 
} 

次のエラーを得ましたngOnInit？どうすればこれを防ぐことができますか？

私はコンソールにデータ[0]を記録します。すべてがうまく見えます。

Answer 1

private getRouteParams; 
public profile:any = { 
company: ''; 
}; 

ngOnInit() { 
    this.getRouteParams = this._route.params.subscribe(params => { 
     this._customerService.getCustomer(params.id) 
      .subscribe(data => this.profile = data[0]) 
    }); 
}