ダーツangular2 - 私のような私のテンプレート何かで書いてみたいテンプレート

Question

でオブジェクトをレンダリングはnullエラー：しかし

<span>{{myObject.myField}}</span> 

myObjectは私のngOnInitに初期化され、そして私のオブジェクトはまだ時にヌルのようです私は私のテンプレートで

<span>{{myObject}}</span> 

を置けば、私は次のようなエラー

NullError: method not found: 'myField' on null 

を持っているので、ページがレンダリングされます

私はmyObjectの値を見ることができます。

OnInitより前にオブジェクトを初期化する方法はありますか？自分のデータを表示する別の方法はありますか？

ありがとうございました。

Answer 1

モデルはまだ完全に

が初期化されていない間、あなたはまた、あなたがそれらがレンダリングされるのを防ぐために *ngIfで要素をラップすることができ、エラーを防ぐために、安全なナビゲーション演算子

<span>{{myObject?.myField}}</span> 

を使用することができますモデルはまだ初期化されていません

<span *ngIf="myObject != null">{{myObject.myField}}</span> 

この方法で、大きなブロックまたはテンプレート全体を単一の*ngIfの代わりに?を追加してください。