2017-06-18 1 views
1

ページコンポーネントをHTMLにJSONをバインドするには、私は、このJSON私はpage.tsでJSONをこのように取得する方法

{ 

    "_index": "search_posts", "_type": "posts", "_id": "12345", 
    "_score": 0, 
    "_source": { 
     "alias_id": 0, 
     "user_id": 1, 
     "name": "demo", 
     "email": "[email protected]", 
     } 
} 

を持っているイオン2:

this.userDetails = this.navParams.get('params'); 

私のような何かをしようとすると、これはpage.htmlで、それはエラーに

<p id=userName>{{userDetails._source.name}}</p>

TypeError: Cannot read property '_source' of undefined

をスローデータを取得します
+0

エラーは、_sourceが自分のjsonを参照するuserDetails._sourceにアクセスしようとすると発生します。 – noor

答えて

2

問題は、オブジェクトが初期化される前にそのオブジェクトからプロパティにアクセスしようとしていることです(ビューが表示しようとしていますが、コンポーネントコードが初期化していない可能性があります)。 userDetailsがnull(または未定義)である場合、それを実行して試してみてくださいしかし、この時、

<p id="userName">{{ userDetails?._source.name }}</p> 

その方法をエルビス演算子を使用して、角度は、そのプロパティにアクセスしようとしません。

+1

もう一度ありがとう!それは働いた:) – noor

+0

それは素晴らしいです!それが働いたことを聞いてうれしい:) – sebaferreras

関連する問題