Angular中RxJS如何同时获取外部与内部Observable输出？

嘿，我来帮你排查这个问题～

你当前的代码里，嵌套的mergeMap确实只会让最终的Observable发出getSecureData的返回结果，原因很简单：每次mergeMap都会把前一个Observable的输出映射成一个新的Observable，所以第二层mergeMap返回的是getSecureData的流，最终subscribe只能拿到这个流的数据，之前的ItemData并没有被传递到下游。

想要同时拿到ItemData和SecuredData，有两种更合适的处理方式：

方案一：用forkJoin并行请求（推荐） #

因为getItemDetails和getSecureData都是依赖同一个itemCode，不需要互相等待结果，所以用forkJoin可以同时发起两个请求，等两个请求都完成后，一次性返回两个结果，效率更高：

import { forkJoin } from 'rxjs';
// ...

this.route.queryParams.pipe(
  mergeMap(params => {
    const itemCode = params.ItemCode;
    // 并行发起两个请求，forkJoin会等两者都完成后返回数组
    return forkJoin([
      this.dataService.getItemDetails(itemCode),
      this.dataService.getSecureData(itemCode)
    ]);
  })
).subscribe(([itemData, securedData]) => {
  console.log('Item Data:', itemData);
  console.log('Secured Data:', securedData);
  // 这里可以根据需求组合数据，比如赋值给组件变量
  // this.item = itemData;
  // this.securedInfo = securedData;
});

方案二：串行请求时组合数据（如果需要依赖前一个结果） #

如果你确实需要先拿到ItemData再发起getSecureData的请求（比如某个参数依赖ItemData），可以在第二层mergeMap里用map把两个数据组合成对象传递下去：

this.route.queryParams.pipe(
  mergeMap(params => {
    const itemCode = params.ItemCode;
    return this.dataService.getItemDetails(itemCode).pipe(
      mergeMap(itemData => {
        // 发起第二个请求后，用map把两个数据组合
        return this.dataService.getSecureData(itemCode).pipe(
          map(securedData => ({ itemData, securedData }))
        );
      })
    );
  })
).subscribe(response => {
  console.log('Item Data:', response.itemData);
  console.log('Secured Data:', response.securedData);
});

这样就能同时获取到两个接口的数据啦～

内容的提问来源于stack exchange，提问作者Shivaay