主页 / 问题 / 902995
Accepted
Lex
Asked:2020-11-06 21:45:52 +0000 UTC2020-11-06 21:45:52 +0000 UTC

从 Angular2+ 中的多个嵌套订阅中收集数据

  • 772

有一个对服务器的调用，订阅监听它，然后它返回一个对象，从中获取一个带有订单号的数据数组。通过这些订单号，我然后循环发出请求，订阅它们并将它们推送到通用数组。

let collect = [];

this.service.getData(url1).subscribe(
    res = > { // Возвращает: {Object:[{key:number},{key:number}]}
            orderArray = [];
            for (let items of res.Object) {
                orderArray.push(items.key);
            }

        if(orderArray) {
            for (let i = 0; i < orderArray.length; i++) {
                this.service.getData(otherUrl).subscribe(
                    res2 = > { // {item: 'имя'}
                        collect.push(res2.item)
                    }
                )
            }
        }
    }
)

问题是我不能再使用 collect 了。它是空的...如何收集数据？

angular2

1 个回答

  1. Best Answer

    使用pipeable运算符并避免订阅中的订阅：

    import { forkJoin } from 'rxjs';
import { map, filter, switchMap, tap } from 'rxjs/operators';

const collect = [];

this.service.getData(url).pipe(
    map((res) => res.Object.map((order) => order.key)),
    filter((orders) => !!orders.length),
    switchMap((orders) => forkJoin(
        ...orders.map((order) => this.service.getData(otherUrl))
    ).pipe(
        tap((collectedData) => collect.push(...collectedData))
    ))
).subscribe(() => {
    console.log(collect);
});
    • 1

相关问题