带迭代的Angular嵌套API调用

import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { flatMap } from 'rxjs/operators';

@Injectable()
export class ApiService {
  constructor(private http: HttpClient) {}

  getData(): Observable<any> {
    return this.http.get('api/data');
  }

  getNestedData(): Observable<any> {
    return this.getData().pipe(
      flatMap((data) => {
        // 根据第一个API调用的结果进行处理
        const nestedData = data.nestedData;
        // 进行第二个API调用
        return this.http.get(`api/nestedData/${nestedData}`);
      }),
      flatMap((nestedData) => {
        // 根据第二个API调用的结果进行处理
        const nestedDataId = nestedData.id;
        // 进行第三个API调用
        return this.http.get(`api/nestedData/${nestedDataId}/details`);
      })
    );
  }
}