angular rxjs: handle multiple http requests

StaticName

I have following pseudocode

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

})

What I want here is that, I loop through an array of objects and for each object get related user and product and then subscribe to do something with the user and product. How can I do that?

Michael D

You could use RxJS forkJoin along with Array#map to trigger multiple observables in parallel.

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)`,
  }
]
*/

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

Handle multiple http requests and wait for all to complete using Angular RxJs Observables

Angular RxJS Nested Subscribe with multiple Http Requests

How to handle/queue multiple same http requests with RxJs?

Angular and RxJS - merge multiple HTTP requests, but emit the outer one instantly

Angular combine and transform multiple http requests with forJoin Rxjs operator

Multiple HTTP Requests with RxJS, with parameters

RXJS - multiple consecutive http requests

RxJS batch HTTP requests in Angular

How to Wait for Angular2 to Handle Dynamic Multiple Http Requests?

Making two http requests sequentially in angular, rxjs

Angular rxjs call http requests in batches with a delay

Angular and RxJs combine two http requests

Handling two HTTP requests (Angular + RxJS)

Angular5 RXJS recursive http requests

How to handle multiple http requests in my case?

RxJs/Angular loading from multiple HTTP requests and updating model from each request

Angular RxJS best practices to subscribe multiple http requests depending from previous result

Angular rxjs how to call multiple same http requests like one subscription?

Angular - Sequencing Multiple HTTP Requests

Angular Concat Multiple HTTP Requests

Multiple http requests in angular 14

How to handle nested HTTP requests in Angular 7?

What is the proper way to handle concatenation of data returned from multiple http observables in angular2/4 rxjs?

In Angular/RxJs, how do I bundle http requests so that one bundle contains multiple requests (http://test/1, http://test/2, etc.)

How to Observable.interval multiple http requests (forkjoin) in rxjs

Angular 6 multiple HTTP request RxJs

Angular Testing - Chained HTTP Requests using rxjs switchMap

How to use RxJS to cancel previous HTTP Requests in an Angular Service

Angular/RxJS 6: How to prevent duplicate HTTP requests?

TOP Ranking

  1. 1

    Failed to listen on localhost:8000 (reason: Cannot assign requested address)

  2. 2

    How to import an asset in swift using Bundle.main.path() in a react-native native module

  3. 3

    Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)

  4. 4

    pump.io port in URL

  5. 5

    Spring Boot JPA PostgreSQL Web App - Internal Authentication Error

  6. 6

    BigQuery - concatenate ignoring NULL

  7. 7

    ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3

  8. 8

    Do Idle Snowflake Connections Use Cloud Services Credits?

  9. 9

    maven-jaxb2-plugin cannot generate classes due to two declarations cause a collision in ObjectFactory class

  10. 10

    Compiler error CS0246 (type or namespace not found) on using Ninject in ASP.NET vNext

  11. 11

    Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background

  12. 12

    Generate random UUIDv4 with Elm

  13. 13

    Jquery different data trapped from direct mousedown event and simulation via $(this).trigger('mousedown');

  14. 14

    Is it possible to Redo commits removed by GitHub Desktop's Undo on a Mac?

  15. 15

    flutter: dropdown item programmatically unselect problem

  16. 16

    Change dd-mm-yyyy date format of dataframe date column to yyyy-mm-dd

  17. 17

    EXCEL: Find sum of values in one column with criteria from other column

  18. 18

    Pandas - check if dataframe has negative value in any column

  19. 19

    How to use merge windows unallocated space into Ubuntu using GParted?

  20. 20

    Make a B+ Tree concurrent thread safe

  21. 21

    ggplotly no applicable method for 'plotly_build' applied to an object of class "NULL" if statements

HotTag

Archive