離子2如何綁定JSON到HTML頁面組件

Question

我有這樣的JSON

{ 

    "_index": "search_posts", "_type": "posts", "_id": "12345", 
    "_score": 0, 
    "_source": { 
     "alias_id": 0, 
     "user_id": 1, 
     "name": "demo", 
     "email": "demo@account.com", 
     } 
} 

我得到的JSON這樣在我page.ts：

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

當我嘗試做一些像這在page.html中得到它拋出數據中的錯誤

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

TypeError: Cannot read property '_source' of undefined

Answer 1

問題是，你正試圖訪問屬性從它的對象，它被初始化之前（也許視圖試圖顯示它，但組件代碼還沒有初始化它）。通過這樣做，但這次嘗試，使用貓王操作

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

這樣，如果userDetails爲空（或未定義），角將不會嘗試訪問其屬性。