在Ionic3和angular4中使用异步和等待

// 使用Promise发送HTTP请求
import { Http } from '@angular/http';

// ...

getData(): Promise<any> {
  return new Promise((resolve, reject) => {
    this.http.get('https://example.com/api/data')
      .subscribe(response => {
        resolve(response.json());
      }, error => {
        reject(error);
      });
  });
}

// 调用getData方法
this.getData()
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

// 使用async/await发送HTTP请求
import { Http } from '@angular/http';

// ...

async getData() {
  try {
    const response = await this.http.get('https://example.com/api/data').toPromise();
    const data = response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

// 调用getData方法
this.getData();

// 使用Observable发送HTTP请求
import { Http } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

// ...

getData(): Observable<any> {
  return this.http.get('https://example.com/api/data')
    .map(response => response.json());
}

// 调用getData方法
this.getData()
  .subscribe(data => {
    console.log(data);
  }, error => {
    console.error(error);
  });