angular - 无法读取 Angular2 中未定义的属性

Question

我正在使用 Angular 2，并且正在进行 API 调用以获取一些 JSON。通话成功，我得到了回复。

export class DetailsPage {

  public userID;
  v: any = {};           

  constructor(public navCtrl: NavController, public navParams: NavParams, public http: Http) {

    this.userID = navParams.get('userID');

    var headers = new Headers();
    headers.append('Content-Type', 'application/x-www-form-urlencoded');  

    let urlSearchParams = new URLSearchParams();
    let body = urlSearchParams.toString();

    this.http.get('http://api.domain.com/visitor/'+this.userID, {headers:headers}).map(res => res.json()).subscribe(data => {
        this.v = data.res;
    }); 

  }

}

在我的模板中，我有:

<pre>{{v | json}}</pre>

这显示了我的 JSON ...

{
  "user": {
    "id": "794149",
    "tag_name": "",
    "tag_id": "0",
    "tag_style": {
      "color": null,
      "font": null,
      "style": "label-default"
    }
  },

但是我怎样才能显示用户的ID呢？

我已经尝试过..

{{ v.user.id }}

但这给了我一个错误:

Error in ./DetailsPage class DetailsPage -  caused by: Cannot read property 'id' of undefined

Answer 1

要绑定(bind)到对象上的属性可以为 null，请使用安全导航运算符 "?" .

   {{v?.user?.id}}