Nested http calls in angular 6

Question

I am trying to make a nested Http call work in angular 6. Basically, i am trying to iterate through a for loop and make two server side calls, i want to purge the data from those two responses. Whats the easiest way to achieve this? My code below isn't working as expected.

async search() {
  const stockLists = ['GOOGL', 'FB', 'ABNB', 'LULU',  'CRM']

  for await(const stock of stockLists) {
   await this.apiservice.GetStockOverview(stock).subscribe(async data => {
     await this.apiservice.GetCurrentStockData(stock).subscribe(currenStockdata => {
      data.currentStockPrice = (currenStockdata['Global Quote']['05. price']);
      this.stockDataOverview.push(data);

    })
   })
   await this.sleep(12000);
 
  }
}

Note- i added the timer there because i can make only 5 calls per minute to this api.

thanks in advance

Refer to this StackOverflow link. Refer to this link

Meet
– Meet

2023-02-19 05:16:03 +00:00
Commented Feb 19, 2023 at 5:16 — Meet
– Meet, Commented Feb 19, 2023 at 5:16

Sameh · Accepted Answer · 2022-04-08 19:25:03Z

1

Have you tried to use forkJoin of RXJS This Url sample explains it all whether you need to issue parallel requests or sequential ones, give it a good read and I hope you find it helpful RxJS Two http Calls

edited Apr 8, 2022 at 19:25

answered Apr 8, 2022 at 19:17

Sameh

1,44815 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nested http calls in angular 6

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related