オブジェクトのある配列からオブジェクトの別の配列に値をコピーするには、typescript、angular 4？

Question

オブジェクトの配列が必要な角度コンポーネントがあります。私はサービスに配列を取得するためのコードを書いた：

private roles_list = []; 

    getRoles(): any[] { 
     return this.roles_list; 
      } 

    roles(){ 

    const promise = new Promise((resolve, reject) => { 
      return this._http.get('/api/getData') 
       .subscribe(data => { 
        //this.roles_list = data 
        for (var i=0 ; i < Object.keys(data).length ; i++){ 
         var temp = {}; 
         temp["role"] = "role"; 
         temp["value"] = data[i].key; 
         this.roles_list.push(temp); 
        } 

        console.log("data"); 
        console.log(data); 
        console.log("roles_list"); 
        console.log(this.roles_list); 
        resolve(this.roles_list); 
       }, 
       err => { 
        reject(err); 
       }); 
     }); 
    return promise; 
} 

私はその後、コンポーネントで約束を解決しています：

private roles = []; 
this.getDataService.roles().then(res => { 
     console.log(typeof(res)); 

     this.roles = res.map(o => { 
      return {name: o.name,role: o.role} 
     }); 
    }); 

しかし、これは、さまざまなエラーを投げている、それは「マップ・メソッドを言いますresはオブジェクトではない配列でなければなりませんが、{}では使用できません。どんな助けもありがとう。

編集：解決:(）を通じてJSONオブジェクトを送信して問題を解決し、コンポーネントのngInit（）で処理を行ったが、なぜこの問題が発生したのか誰にも分かりませんか？私たちはオブジェクトの解決を通してのみ送ることができますか？

Answer 1

この

private roles = []; 
this.getDataService.roles().then(res => { 
    console.log(typeof(res)); 

    for(let r of res){ 
     this.roles.push({name: r.name,role: r.role}) 
    } 

}); 

Answer 2

を試してみて、私はこの問題は、どうやら約束はそれだけのresolveメソッドを介して単一のオブジェクトを渡すことができたものを考え出しました。したがって、オブジェクトの配列を渡すと、そのオブジェクトは単なるオブジェクトと見なされ、明らかに、オブジェクトをオブジェクトの配列に割り当てることはできません。 これを行う方法は、サービス内にオブザーバブルを作成し、コンポーネントでそれを購読することでした。