angular2 rxjs 可观察的 forkjoin

使用Angular 2和RxJS的ForkJoin：并行执行可观察对象

typescript
import { Component, OnInit } from '@angular/core';
import { forkJoin } from 'rxjs';
import { HttpClient } from '@angular/common/http';
@Component({
  selector: 'app-fork-join-example',
  template: `
    
      
使用forkJoin的例子
      
{{ result }}
    
  `,
})
export class ForkJoinExampleComponent implements OnInit {
  result: string;
  constructor(private http: HttpClient) {}
  ngOnInit() {
    // 创建两个Observable，分别对应两个HTTP请求
    const request1 = this.http.get('https://api.example.com/data1');
    const request2 = this.http.get('https://api.example.com/data2');
    // 使用forkJoin并订阅结果
    forkJoin([request1, request2]).subscribe(
      (response) => {
        // 在两个请求都完成时，执行以下操作
        this.result = `请求1的数据：${response[0]}, 请求2的数据：${response[1]}`;
      },
      (error) => {
        console.error('发生错误：', error);
      }
    );
  }
}