多个顺序 api 调用 RxJs

Question

我需要使用 RxJs 进行顺序 api 调用。 问题是第一个 Observable 发出一个数组，对于这个数组的每个项目，我应该设置一个自定义 url 以便进行下一次调用。 在第二次调用中，我应该检查一些条件并返回 Observable。 我的问题是，如何调用数组的每个元素，因为它的 url 发生了变化？

我试过这样的事情，但它只为最后一个项目设置 url，而不是每个项目。

  private func(): Observable<boolean> {
    return this.service
      .getItems()
      .pipe(
        map((response) => response.items),
        mergeMap((result) => {
          result.map((order) =>
            this.orderService.setCustomUrl(order.number)
          );
          return this.orderService.getItems().pipe(
            mergeMap((response) => {
              if (response.items.some((item) => item.number === this.model.number)) {
                return of(true);
              } else {
                return of(false);
              }
            }),
          );
        })
      );
  }

Answer 1

这就是您的代码中发生的事情：

        {
          // for each "result" array element, call "this.orderService.setCustomUrl(order.number)"
          result.map((order) =>
            this.orderService.setCustomUrl(order.number)
          );
          // assuming "setCustomUrl" is setting the one variable, this will cause only the last "order.number" to be set at this point here

          // then this last part executes once and returns the boolean only for the last order
          return this.orderService.getItems().pipe(
            mergeMap((response) => {
              if (response.items.some((item) => item.number === this.model.number)) {
                return of(true);
              } else {
                return of(false);
              }
            }),
          );
        }

我认为目的是验证this.orderService.getItems()使用order.number返回的任何订单是否具有来自this.model.number的项目编号，因此您应该改为执行以下操作：

首先更改您的服务调用，以便它可以使用这样的订单号this.orderService.getItems(order.number)

然后是以下内容：

private func(): Observable<boolean> {
    return this.service
      .getItems()
      .pipe(
        switchMap((orders) =>
          from(orders.items).pipe(
// for each item on the initial response return an observable,
// mapping its result to a boolean as your initial function
            mergeMap((order) =>
              this.orderService
                .getItems(order.number)
                .pipe(map((itemsResponse) => itemsResponse.items.some((item) => item.number === this.model.number)))
            )
          )
        ),
// this will get all the observable boolean values and only yield when all resolve
        toArray(),
// this aggregates all boolean vals into one
        map((all) => all.some((x) => x)),
// and we complete the subscription after first yield
        take(1)
      )

Answer 2

这样做的原因是您调用setCustomUrl()但在map()完成之前不使用.getItems() 。 因此，当您调用.getItems()时，服务已从您的.map()收到最后一项。

您可以使用以下代码来获得所需的结果。

function func(): Observable<boolean> {
  return this.service
    .getItems()
    .pipe(
      map((response) => response.items),
      switchMap(items => from(items).pipe(
        concatMap(item=>{
          this.orderService.setCustomUrl(item.number);
          return this.orderService.getItems().pipe(
            map(response => response.items.some((item) => item.number === this.model.number))
          );
        }),
        toArray()
      )),
      map(items => items.some(item => item))
    );
}

from()运算符转换一个数组，并单独发出每个值。 这是我们 pipe 并返回.some() boolean 的地方。

toArray()获取所有这些值并将其转换回数组。

然后我们执行最后一个map()来查看所有项目是否为真。