javascript - Ionic 2 如何将 JSON 绑定(bind)到 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",
      } 
}

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

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

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

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

TypeError: Cannot read property '_source' of undefined

Answer 1

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

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

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