角度教程无法接收来自http呼叫的数据

Question

我想通过遵循教程第7步HTTP（https://angular.io/tutorial/toh-pt6）来学习Angular 2。但hero.service.ts中的功能getHeroes()仍然不会返回任何内容。

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

其中模拟服务从InMemoryDbService执行。

有什么想法吗？

Answer 1

HTTP客户端将从内存中的web API InMemoryDbService中提取并保存数据。基本上，这意味着InMemoryDbService将模拟您的服务器将接收HTTP请求，并将对其作出响应。

您是否安装了模块in-memory-web-api？如果没有，您可以安装它：npm install --save angular-in-memory-web-api。

不要忘了导入模块中的app.module（本应进口只HttpModule进口来后）：

imports: [ 
    ... 
    HttpModule, 
    InMemoryWebApiModule.forRoot(InMemoryDataService), 
    ... 
    ], 

此外，新变化的in-memory-web-api新的API不介绍更长的时间将HTTP响应包装在data属性（github）中。所以应该是response.json()而不是response.json().data。