javascript - 如何组合来自两个 API 端点的数据？

Question

我有一个包含下拉列表的组件。根据在下拉列表中选择的内容 - 该组件通过发出另一个 HTTP 请求来显示其他信息。

如果未选择任何内容（显示第一次组件），则应从列表中选择第一个组件

我曾尝试订阅 API 响应，但随后我需要进行嵌套 API 调用，我知道这是一种不好的做法......

ngOnInit() {
 this.myService.getSelectedUnit(this.id).subscribe(selectedUnit => {
   this.myService.getAllUnits().subscribe(units => {

    if (!selectedUnit) {
      selectedUnit = units[0];
    }

      this.myService.getUnitData(selectedUnit).subscribe(data => {
        this.data = data;
      });

   });

});

}

我想避免嵌套 api 调用并将其集成到一个可观察的序列中。

标签： javascriptangulartypescriptrxjs