Ionic 2如何将JSON绑定到html页面组件

Question

我有这个JSON

List

我在page.ts中以这种方式获取JSON：

{   

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

当我尝试在page.html中执行此类操作以获取数据时会抛出错误

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

  

TypeError：无法读取属性＆＃39; _source＆＃39;未定义的

Answer 1

问题是你在初始化之前尝试访问该对象的属性（可能是视图试图显示它，但组件代码尚未初始化它）。尝试这样做，但这一次，使用 elvis运算符

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

这样，如果userDetails为null（或未定义），则angular不会尝试访问其属性。