Angular2 typescriptテンプレートに表示するオブジェクトのプロパティを取得する方法

Question

私はangular2とtypescriptを学習しています。なぜテンプレート内のオブジェクトのプロパティ値にアクセスできないのか不思議です。

マイコンポーネント：私は持ってはconsole.log（this.dataが）私のテンプレートでは、私にObject {id: 1, name: "Leanne Graham", username: "Bret", email: "Sincere@april.biz", address: Object…}

を与える

export class Farm{ 

    data:JSON; 
    id: any; 

    constructor(private nextService: NextService, navParams: NavParams){ 
     this.id = navParams.get("param1"); 

    } 

    getFarmDetails(){ 

     this.data = this.nextService.fetchData(this.id) 
     console.log(this.data) 
    } 
} 

としての私の画面上に出力し

<div> 
    {{data}} 
</div> 

[オブジェクトオブジェクト]

代わりに、電子メールやユーザー名のようなプロパティを出力するにはどうしたらいいですか？

UPDATE：あなたはJavaScriptで同じようにあなたがこれらのプロパティにアクセスすることができ

Answer 1

：私は{{}} data.email好きなら、私は次のエラーを取得します。例えば

：

{{data.email}} 

データが取得されている場合は、非同期エルヴィス演算子を使用することができますか？。を使用して、データがNULLの間にエラーを回避します。

{{data?.email}}