角度2テンプレートでは、JSON応答

Question

を表示することができませんでしAngular2は、私は、JSONレスポンスからのデータを表示することができません：私は問題がないtrack.successにしようとすると

{ 
    "success": true, 
    "data": { 
    "id": 5, 
    "user_id": 1, 
    "category_id": 1, 
    "title": "ghfjhgf", 
    "body": "jhgfjhgf", 
    "created": "2017-01-19T18:22:02+00:00", 
    "modified": "2017-01-19T18:22:02+00:00", 
    "file": null, 
    "column_9": null, 
    "category": { 
     "id": 1, 
     "name": "Running", 
     "body": "Regroupe toutes les traces relative à la course à pied." 
    }, 
    "user": { 
     "id": 1, 
     "email": "user@local.ch", 
     "username": "user", 
     "role": "user", 
     "active": true, 
     "created": "2017-01-15T16:21:44+00:00", 
     "modified": "2017-01-15T16:21:44+00:00" 
    } 
    } 
} 

、それは本当表示しますが、私がしようとすると、

track.data.id 
track['data'].id 
track['data']['id'] 

私は未定義のプロパティを持っています。私は助けてください。前もって感謝します。

これは{{track | JSON}}

{ 
    "success": true, 
    "data": { 
    "id": 6, 
    "user_id": 1, 
    "category_id": 1, 
    "title": "dsfasd", 
    "body": "afdasf", 
    "created": "2017-01-19T18:27:26+00:00", 
    "modified": "2017-01-19T18:27:26+00:00", 
    "file": null, 
    "column_9": null, 
    "category": { 
     "id": 1, 
     "name": "Running", 
     "body": "Regroupe toutes les traces relative à la course à pied." 
    }, 
    "user": { 
     "id": 1, 
     "email": "user@local.ch", 
     "username": "user", 
     "role": "user", 
     "active": true, 
     "created": "2017-01-15T16:21:44+00:00", 
     "modified": "2017-01-15T16:21:44+00:00" 
    } 
    } 

これは私のサービスである：

view(id):Observable<any> { 
     return this.http.get('http://cake/api/tracks/' + id + '.json') 
      .map(response => response.json()); 
    } 

マイコンポーネント：

ngOnInit() { 

     this.sub = this.route.params.subscribe((params: Params) => { 
      this.id = +params['id']; 
     }) 
     this.trackService.view(this.id).subscribe(track => this.track = track); 
    } 

Answer 1

あなたがオブジェクトの内部プロパティを表示したいときは、航行安全（エルビス）演算子を使用する必要があります

track['data']?.id 
track?.data?.id 

json pipeすべてのデータをjson形式で表示します。

track?.data | json 
track | json 

UIで