Angular2 / TypeScript和HTTP：如何將對象附加到組件？

Question

我試圖顯示來自REST API的項目名稱列表。 我在可觀察到的響應上調用map並訂閱以獲取已解析的項目對象。

如何將對象附加到組件並在html模板上顯示item.name的列表？

 import { Component, bootstrap } from 'angular2/angular2'; import { Http, HTTP_PROVIDERS } from 'angular2/http'; @Component({ selector: 'item-app', viewProviders: [HTTP_PROVIDERS], templateUrl: 'app/content.html' }) class ItemsComponent { items: Object; constructor(http: Http) { http.get('http://localhost:3000/api/items') .map(response => response) .subscribe( items => this.items = items ); } } 

  <ul> <li *ng-for="#item of items"> {{ item.name }} </li> </ul> 

Answer 1

我相信map中的回調是一個Response對象。 如果響應為JSON，則需要調用

.map(response => response.json())

完成后，如果實際響應是一個數組，則綁定應該起作用。

請參閱http API示例https://angular.io/docs/ts/latest/api/http/Http-class.html

Answer 2

在alpha 46之后，您必須執行以下操作以明確告知TypeScript您正在處理類型為Response的對象：

    this.http.get(url).map((res: Response) => res.json())
             .subscribe(res => this.result = res);

我在這里還有一個帶有文檔的工作示例： http : //www.syntaxsuccess.com/viewarticle/angular-2.0-and-http http://www.syntaxsuccess.com/angular-2-samples/#/demo/http