javascript - Angular2/TypeScript 和 HTTP : How to attach object to component?

Question

我正在尝试显示来自 rest api 的项目名称列表。我在响应可观察对象上调用映射并订阅以获取已解析的项目对象。

如何将对象附加到组件并在 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())

一旦完成，如果实际响应是一个数组，您的绑定(bind)应该可以工作。

参见 http API 示例 https://angular.io/docs/ts/latest/api/http/Http-class.html