angular rxjs：处理多个http请求

Question

我有以下伪代码

objects = [obj1, obj2, obj3]    
for obj in objects {
user: http.get(obj1.user_id)
product: http.get(obj1.product_id)
}.subscribe(results => {

do something with results

})

我在这里想要的是，我遍历对象数组并为每个对象获取相关的用户和产品，然后订阅以对用户和产品执行某些操作。我该怎么做？

Answer 1

您可以使用 RxJS forkJoin along with Array#map 并行触发多个 observable。

const objects = [obj1, obj2, obj3];

forkJoin(
  objects.map(obj =>           // <-- `Array#map` function
    forkJoin({
      user: http.get(obj.user_id)
      product: http.get(obj.product_id)
    })
  )
).subscribe({
  next: (res) => {
    console.log(res);
    // use `res`
  },
  error: (err) => {}
});


/*
output in subscription: 
[
  { 
    user: result from `http.get(obj1.user_id)`,
    product: result from `http.get(obj1.product_id)`,
  },
  { 
    user: result from `http.get(obj2.user_id)`,
    product: result from `http.get(obj2.product_id)`,
  },
  { 
    user: result from `http.get(obj3.user_id)`,
    product: result from `http.get(obj3.product_id)`,
  }
]
*/

Answer 2

您可以使用 zip() operator 组合您的请求并在每个请求完成后执行一些代码：

const sourceOne = http.get(obj1.product_id);
const sourceTwo = http.get(obj2.product_id);

zip(sourceOne, sourceTwo).subscribe(val => {
    // do something
});

angular rxjs：处理多个http请求

angular rxjs: handle multiple http requests

observable

rxjs

angular