モデルを介して割り当てられるビュー内のデータを表示

Question

この件に関しては私の理解が不足しています。だから私の問題に行きましょう。このような情報を含むモデルを作成します。

私のサービスで私のデータを取得するためにそれを私のコントローラにインポートします。

import { Organization } from '../model/organization'; 
import { OrganizationService } from '../service/organization/organization.service'; 

となっています。私は私のデータを得るために私のモデルとサービスを設定しました。

organization: Organization 


ngOnInit() { 
    this.orgSvc.getUserOrganization().subscribe(org => { 
    this.organization = org.data(); 
    console.log(this.organization); 
}) 
} 

I console.logにデータを書き込む場合。私は必要なすべてのデータを印刷します。

{ 
    orgId: 'sdfasfasdfcv', 
    orgName: 'testOrg', 
    orgAddress: 'street test' 
} 

ただし、私はいつでも私の見解に表示します。それは私に未定義の財産の誤りをもたらします。

{{ organization.orgName }} 

私は何を欠場しましたか？私はangular ioの文書を読んだ。私は新しいインスタンスを作成しても。 this.organizationData = new Organization('', '', '' ...)のように動作しません。

Answer 1

使用タイプセーフ?オペレータ

{{ organization?.orgName }} 

DOMがレンダリングされた後、サービスコールが行われたからです。レンダリング時に、そのプロパティにアクセスしようとするとオブジェクトはundefinedになります。利用できません。上記の修正プログラムは、最初のエラーに

詳しい情報read here