Angular -按顺序进行多个HTTP调用

import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {

  constructor(private http: HttpClient) { }

  ngOnInit(): void {
    this.firstRequest()
      .subscribe(response1 => {
        // 处理第一个请求的响应
        console.log(response1);

        this.secondRequest(response1)
          .subscribe(response2 => {
            // 处理第二个请求的响应
            console.log(response2);

            // 继续处理其他请求...
          });
      });
  }

  firstRequest(): Observable<any> {
    return this.http.get('https://api.example.com/first');
  }

  secondRequest(data: any): Observable<any> {
    return this.http.post('https://api.example.com/second', data);
  }

}