内部JSONをプロミス内のオブジェクトに割り当てる方法は？

Question

Angular2 "Tour of Heroes"チュートリアルでは、JSONを約束の中の変数に割り当てる方法を示します。 何私のJSONが複雑な場合：

JSON：

let complexMessage = [{ 
     "heroes":[ 
     {id: 11, name: 'Mr. Nice'}, 
     {id: 12, name: 'Narco'}, 
     {id: 13, name: 'Bombasto'}, 
     {id: 14, name: 'Celeritas'}, 
     {id: 15, name: 'Magneta'}, 
     {id: 16, name: 'RubberMan'}, 
     {id: 17, name: 'Dynama'}, 
     {id: 18, name: 'Dr IQ'}, 
     {id: 19, name: 'Magma'}, 
     {id: 20, name: 'Tornado'} 
     ] 
     ,"numHeroes": 9 
     ,"messages":[ 
     {message: "aaa", args:[]}, 
     {message: "bbb", args:[]} 
     ] 
    }]; 

以下の活字体は、多次元JSONのために動作しません：

getHeroes(): Promise<Hero[]> { 
    return this.http.get(this.heroesUrl) 
       .toPromise() 
       .then(response => response.json()) 
       .catch(this.handleError); 

、その後：

getHeroes() { 
    this.heroService 
     .getHeroes() 
     .then(heroes => this.heroes = heroes) 
     .catch(error => this.error = error); 
    } 

はい誰もがこの "ヒーロー"に内部の英雄を割り当てる方法を知っています。ヒーロー？ （元のコードがhttps://angular.io/docs/ts/latest/tutorial/toh-pt6.htmlである）

Answer 1

あなたはこのJSONからヒーローを受信したい場合は、このようにそれを行うことができます。

getHeroes(): Promise<Hero[]> { 
    return this.http.get(this.heroesUrl) 
       .toPromise() 
       .then(response => response.json()[0].heroes) 
       .catch(this.handleError); 

Answer 2

だけthis.heroesあなたへheroes配列の完全ではない応答を割り当てますあなたが好きな取得、または代替として、単にHTTP呼び出しの時点で所望の配列を送信します、あなたがすべてで。... `約束コールバック内のこの`に割り当てるべきではありません。このワン

getHeroes(): Promise<Hero[]> { 
    return this.http.get(this.heroesUrl) 
       .toPromise() 
       .then(response => response.json()) 
       .catch(this.handleError); 

getHeroes() { 
    this.heroService 
     .getHeroes() 
     .then(heroes => this.heroes = heroes[0].heroes) // here take first key of array and you will get heroes as return 
     .catch(error => this.error = error); 
    }