なぜshowは未定義のプロパティを読み取ることができませんか？私のイオン-アンギュラアプリケーションで

Question

は、私がDBからコンテンツをロード持ち、成功したコンソール上に印刷されたが、私はビューと結合することはできません、それは app.html

<ion-card-content> 
    {{homeContent.about}} 
    </ion-card-content> 

component.tsを語ります

constructor(public navCtrl: NavController, navParams: NavParams, public 
    homeService: HomeContentService, 
    public loadingCtrl: LoadingController) { 
this.homeService.geteventHomeContentForPage(this.event.id).subscribe(data=> 
{ 
    this.homeContent=data; 

    console.log(this.homeContent) 
    console.log(this.homeContent.about) 

}) 
} 

マイコンソール

Answer 1

proble mは、homeContentプロパティが非同期に読み込まれるため、Angularがビューをレンダリングしようとすると、homeContentはまだ定義されていないため、aboutプロパティにアクセスしようとするとエラーがスローされます。 homeContentはまだnull/undefined

---

防ぐために、いくつかの他の方法である場合、これはaboutプロパティを読み取ろうとしない角度教えてくれる

<ion-card-content> 
    {{ homeContent?.about }} 
    </ion-card-content> 

：この問題を解決するには、エルビス演算子を使用これは、次のようにngIfの小切手を追加することです：

<ion-card-content *ngIf="homeContent"> 
    {{ homeContent.about }} 
    </ion-card-content> 

homeContentプロパティが定義されていない場合、ion-card-content全体がレンダリングされないため、この場合、elvis演算子（？）は必要ありません。

このエラーを回避する別の可能な方法、オブジェクトとしてhomeContentプロパティを初期化することですので、そのaboutサブプロパティにアクセスしようとすると、それはnullになりますが、角度がエラーをスローしません。

を

public homeContent: any = {};