Angular如何处理顺序请求以及如何处理加载var？

Question

我保存了个人资料，一旦请求成功，我会再次请求创建付款。现在的代码是这样的

 this.profileService.saveProfile(dataProfile).pipe(
      catchError(e => of(null))
    ).subscribe(res => {
      if (res) { // if user saved profile data
       const data = {
   params: {
            user: {
              surname: this.formInfo.get('surname').value,
              name: this.formInfo.get('name').value,
              father_name: this.formInfo.get('father_name').value,
              iin: this.formInfo.get('iin').value,
            },
            tariff: obj ? {
              months: obj.Months,
              amount: obj.Amount,
              amountByMonth: obj.AmountByMonth
            } : null,
}
        this.buyService.create(data).pipe( ... 
  }

让这段代码变得更好的最好方法是什么？我在RXjs 中阅读了有关concatMap 运算符的信息，但这与Observables 数组有关，如果用户保存自己的数据，这里我只有一个响应。 另外，我应该如何在此处为每个请求单独处理 loading 变量？

Answer 1

concatMap 是大多数时候用来连接 2 个或多个 http 操作的运算符。

因此，在这种情况下，您的代码可能如下所示

this.profileService.saveProfile(dataProfile).pipe(
  concatMap(resp => {
     const data = {
        params: {
          // your params
        }
     }
     // the function passed to concatMap MUST return an Observable
     return this.buyService.create(data)
  })
).subscribe(
   next: result => {// manage the result},
   error: err => {// manage the error}
)

老实说，当您编写“在 RXjs 中的 concatMap 运算符，但这与 Observables 数组有关”时，我不明白。

您可能会从this article 获得一些有关典型 http 相关用例的灵感。