使用Observable来订阅API返回结果，并在返回结果后更新组件视图

示例代码如下：

组件：

import { Component, OnInit } from '@angular/core'; import { ApiService } from './api.service';

@Component({ selector: 'app-my-component', template:

• {{ item }}

constructor(private apiService: ApiService) { }

ngOnInit() { this.apiService.getItems().subscribe(items => { this.items = items; }); } }

API服务：

import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs/Observable';

@Injectable() export class ApiService {

constructor(private http: HttpClient) { }

getItems(): Observable { return this.http.get('https://my-api.com/items'); } }