离子2如何绑定JSON到HTML页面组件

Question

我有这样的JSON

{ 

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

我得到的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为空（或未定义），角将不会尝试访问其属性。