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

Question

我有这个JSON

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

我在我的页面中以这种方式获取 JSON.ts：

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

当我尝试在页面中执行类似操作时.html以获取数据时，它会抛出错误

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

类型错误： 无法读取未定义的属性"_source">

Answer 1

问题是您尝试在初始化该对象之前访问该对象的属性(也许视图正在尝试显示它，但组件代码尚未初始化它(。尝试这样做，但这次，使用猫王运算符

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

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