Angular2でREST APIを使用するにはどうすればよいですか？

Question

これは私のデモコードです：

products.service.ts

getProducts(){ 
this.headers = new Headers(); 
this.headers.append("Content-Type", 'application/json'); 
this.headers.append("Authorization", 'Bearer ' + localStorage.getItem('id_token')); 
return this.http.get('http://mydomain.azurewebsites.net/api/products',{headers:headers}).map(res => res.json().data); 
} 

products.component.ts

constructor(private productsService: ProductsService) { } 

ngOnInit() { 
this.productsService.getProducts().subscribe((res) => { 
    console.log(res); 
}); 
} 

はngModuleデコレータで何かをインポートすることがnescessaryですREST APIを使用するか、コードが間違っていますか？ Postman Chrome Extensionでは必要なデータを取得できますが、Angular 2コードでは取得できません。

私の問題をよく説明してくれることを願っています。

更新

これらは私が取得エラーです：

Answer 1

。問題はdissapeared in-mem serverととin-mem server dataをコメントした後

app.module.ts

providers: [ 
    ProductsService, 
    // { provide: XHRBackend, useClass: InMemoryBackendService }, // in-mem server 
    // { provide: SEED_DATA, useClass: InMemoryDataService }  // in-mem server data 
    ] 

：

これが問題でした。

Answer 2

あなたはリクエストのヘッダーを設定していません。 Headersオブジェクトを宣言しますが、実際には何もしません。

あなたはこのようget機能でそれらを設定する必要があります：あなたはあなたの時間を無駄に作るため申し訳ありません

return this.http 
      .get('http://mydomain.azurewebsites.net/api/products', { headers: headers }) 
      .map(res => res.json().data);