如何同时订阅两个 observable，第二个 observable 参数取决于第一个 observable 的结果？

Question

我有两个服务，我需要从每个服务中获取一个 observable。我在互联网上搜索并找到了一个解决方案，在这里：Is it good way to call subscribe inside subscribe? 但这对我不起作用。 这两个 observable 单独调用时效果很好。

export class EditVarianteComponent implements OnInit {

  public currentVariante: Variante;
  public url: string;
  public value$: any;

  constructor(
    private router: Router, 
    private activatedRoute: ActivatedRoute, 
    private varService: VarianteService, 
    private famService: FamillesService
  ) {}

  ngOnInit() {
    this.url = atob(this.activatedRoute.snapshot.params.id);
    //Here, I get the resource, and I want the result of this resource to be the parameter of my second observable
    this.varService.getResource(this.url)
      .pipe(
          flatMap((res1) => this.famService.getFamilleById(res1.id_famille))
      )
      .subscribe((res3) => {
          console.log(res3);
      });
  }

Answer 1

你可以这样试试：

import { map } from "rxjs/operators";

this.url = atob(this.activatedRoute.snapshot.params.id);


 this.varService.getResource(this.url).pipe(
  mergeMap(res1 => this.famService.getFamilleById(res1.id_famille))
);