Angular rxjs请求并行和顺序

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { forkJoin, of } from 'rxjs';
import { concatMap } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="parallelRequests()">并行请求</button>
    <button (click)="sequentialRequests()">顺序请求</button>
  `
})
export class ExampleComponent {
  constructor(private http: HttpClient) {}

  parallelRequests() {
    const request1$ = this.http.get('https://api.example.com/data1');
    const request2$ = this.http.get('https://api.example.com/data2');
    const request3$ = this.http.get('https://api.example.com/data3');

    forkJoin([request1$, request2$, request3$]).subscribe(([response1, response2, response3]) => {
      // 处理并行请求的结果
    });
  }

  sequentialRequests() {
    const request1$ = this.http.get('https://api.example.com/data1');
    const request2$ = this.http.get('https://api.example.com/data2');
    const request3$ = this.http.get('https://api.example.com/data3');

    request1$.pipe(
      concatMap(response1 => {
        // 处理第一个请求的结果
        return request2$;
      }),
      concatMap(response2 => {
        // 处理第二个请求的结果
        return request3$;
      })
    ).subscribe(response3 => {
      // 处理顺序请求的结果
    });
  }
}