Доступ к сложному объекту JSON в Ionic 3 и привязка для просмотра

Question

Я делаю приложение Ionic 3. У меня есть следующий объект JSON:

{
    "player": {
        "username": "thelegend",
        "platform": "xbox",     
       "stats": {
        "normal": {
            "shots": 5,
            "wins": 66             
        },
        "hard": {
            "shots": 5,
            "wins": 77               
        }           
    }
    }
}

Я хочу получить доступ к следующим данным из объекта JSON:

stats: {normal:{ shots: "58", wins: "54"}, hard: {shots "34", wins: "43"}

Это мой метод провайдера отдыха в моем приложении Ionic 3:

 getStats(){ 
    return this.http.get(this.apiUrl).subscribe(data => {
      console.log(data);
    });
}

Я вызываю этот метод на определенной странице:

ionViewDidLoad() {
    this.getData();
}


  getData(){
   return this.results = this.rest.getStats();    
}

API работает отлично, и я могу видеть данные в моих инструментах разработчика Chrome. Теперь я хочу привязать эти данные к представлению так:

<ion-card>

    <ion-card-header>
      Wins
    </ion-card-header>

    <ion-card-content>
      {{results}}
    </ion-card-content>

  </ion-card>

Когда я запускаю приложение, оно показывает [объект объекта]. Я пытался {{results.player.stats}}, но это не сработало.

Как я могу связать значения статистики на моем виде и получить доступ к этому?

С уважением

Answer 1

API, который я использовал, не работает должным образом, я перешел на другой API, и все работало нормально. Спасибо за помощь!

Answer 2

вам нужно конвертировать http ответ в json:

getStats(){ 
return this.http.get(this.apiUrl).map(res => res.json()).subscribe(data => {
  console.log(data);
});

}