Angular/rxJs concatMap -执行两个web api (http)调用，要么不结束，要么控制移动到后续行

Angular/rxJs concatMap是一个操作符，用于处理Observable序列的转换和组合。它可以用于执行两个Web API调用，并控制移动到后续行。

具体来说，concatMap操作符会将每个源Observable发出的值映射为一个新的Observable，并将这些新的Observables按顺序连接起来。在这个场景中，我们可以使用concatMap来执行两个Web API调用。

首先，我们需要导入concatMap操作符：

import { concatMap } from 'rxjs/operators';

然后，我们可以使用concatMap操作符来处理Observable序列。假设我们有两个Web API调用，分别是api1和api2，我们可以这样使用concatMap：

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

// 在构造函数中注入HttpClient
constructor(private http: HttpClient) {}

// 执行两个Web API调用
executeWebApiCalls(): void {
  this.http.get('api1').pipe(
    concatMap(response1 => {
      // 处理第一个Web API的响应
      // 可以在这里进行一些逻辑处理或者发起第二个Web API调用
      return this.http.get('api2');
    })
  ).subscribe(response2 => {
    // 处理第二个Web API的响应
    // 可以在这里进行一些逻辑处理
  });
}

在上面的代码中，我们使用concatMap操作符将第一个Web API调用的响应映射为第二个Web API调用的Observable。这样，第二个Web API调用会在第一个Web API调用完成后执行。

需要注意的是，concatMap操作符会按顺序连接Observables，所以第二个Web API调用会等待第一个Web API调用完成后才会执行。如果第一个Web API调用失败或者出现错误，第二个Web API调用将不会执行。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云函数计算（Serverless）：https://cloud.tencent.com/product/scf
• 腾讯云API网关：https://cloud.tencent.com/product/apigateway
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme

以上是腾讯云提供的一些与云计算相关的产品，可以根据具体需求选择适合的产品进行开发和部署。