Angular 8发出多个http请求并合并所有结果

Angular 8中发出多个HTTP请求并合并所有结果

typescript
import { HttpClient } from '@angular/common/http';
import { forkJoin } from 'rxjs';
// ...
constructor(private http: HttpClient) {}
fetchData1() {
  return this.http.get('https://api.example.com/data1');
}
fetchData2() {
  return this.http.get('https://api.example.com/data2');
}
fetchData3() {
  return this.http.get('https://api.example.com/data3');
}
// ...
fetchMultipleData() {
  const request1 = this.fetchData1();
  const request2 = this.fetchData2();
  const request3 = this.fetchData3();
  return forkJoin([request1, request2, request3]);
}

typescript
// ...
mergeData() {
  this.fetchMultipleData().subscribe(
    ([data1, data2, data3]) => {
      // 在这里，你可以合并和处理所有的数据
      console.log('Data 1:', data1);
      console.log('Data 2:', data2);
      console.log('Data 3:', data3);
      // 这里可以执行其他操作，比如更新组件的状态或展示数据给用户
    },
    error => {
      console.error('Error fetching data:', error);
    }
  );
}