Angular2ルーティング、データ

Question

をロードしている間にエラーを回避するために、どのようにルートを有します。

データは

{{data.prop1.prop2}} 

のような構造を持つコンポーネントテンプレートに示されている。しかしdata.prop1.prop2がまだ存在しないため、限りデータがロードされていないとして、私はエラーを取得します。

この問題を解決するには、angular2ではどのような方法が適していますか？

<span *ngIf="data">{{data.prop1.prop2}}</span> 

を使用するか、テンプレートを動的に設定するか？

Answer 1

あなたは

{{data?.prop1?.prop2}} 

に角度がdataが値を持つまでprop1を評価しようとしません！= nullこのようにエルビス演算子を使用することができます。