Angular 8:使用HttpClient.get.toPromise

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('https://api.example.com/data').toPromise();
  }
}

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  data: any;

  constructor(private dataService: DataService) {}

  async ngOnInit() {
    try {
      this.data = await this.dataService.getData();
      console.log(this.data);
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  }
}

this.http.get('https://api.example.com/data').toPromise()
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });

try {
  const data = await this.http.get('https://api.example.com/data').toPromise();
  console.log(data);
} catch (error) {
  console.error('Error fetching data:', error);
}

import { timeout } from 'rxjs/operators';

this.http.get('https://api.example.com/data', { responseType: 'json' }).pipe(
  timeout(5000) // 设置超时时间为5秒
).toPromise()
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });