Innested async call Angular

Question

I have this function that calls a service to get data through api. I would like after the first call, if result is equal to 50, another call is made with updated offset. But this doesn't work. It doesn't go into the arrow function:

result: any[] = []

   async getData(v) {
      await this.gs.getMaxGifs(v, this.offset).subscribe((response: any) => {
      this.result.push(...response.data);
      this.offset += 50;
      if (this.result.length % 50 == 0) {
          console.log('DENTRO')
          async () => {
            await this.gs.getMaxGifs(v, this.offset).subscribe((response: any) => {
              console.log('DENTRO22222')
            })
            this.result.push(...response.data);
            this.offset += 50;
          }
      }
      console.log(this.result.length)
    });
  }

When this then works, I want to replace the if with the while. If I insert it now it goes into an infinite loop

why dont you do it like this, ` async getData(v) { await this.gs.getMaxGifs(v, this.offset).subscribe((response: any) => { this.result.push(...response.data); this.offset += 50; if (this.result.length % 50 == 0) { console.log('DENTRO') this.getData(v); } console.log(this.result.length) });` do a recursive call. — Deepak Jha
– Deepak Jha, Commented Dec 24, 2021 at 16:37
Perfect @DeepakJha , it works!!! 2 hours racking my brain when the solution was simpler =) . Thank you very much — sirss
– sirss, Commented Dec 24, 2021 at 17:13

Deepak Jha · Accepted Answer · 2021-12-24 17:17:29Z

1

As commented it worked for sirss,

async getData(v) { 
await this.gs.getMaxGifs(v, this.offset).subscribe((response: any) => { this.result.push(...response.data); 
this.offset += 50; if (this.result.length % 50 == 0) { 
console.log('DENTRO');
this.getData(v); 
} 
console.log(this.result.length) });

answered Dec 24, 2021 at 17:17

Deepak Jha

1,61913 silver badges17 bronze badges

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

Comments

Mohammad Babaei · Accepted Answer · 2021-12-24 17:09:04Z

result: any[] = []

 getData(v) {
  this.gs.getMaxGifs(v, 
   this.offset).subscribe((response: any) => {
  this.result.push(...response.data);
  this.offset += 50;
  if (this.result.length % 50 == 0) {
      console.log('DENTRO')
      
        this.gs.getMaxGifs(v, this.offset).subscribe((response: any) => {
          console.log('DENTRO22222')
        
        this.result.push(...response.data);
        this.offset += 50;
      }
  }
  console.log(this.result.length)
});
}

Or if you want to do this recuresive you can do it like this

    result: any[] = []

 getData(v) {
  this.gs.getMaxGifs(v, 
   this.offset).subscribe((response: any) => {
  this.result.push(...response.data);
  this.offset += 50;
  if (this.result.length % 50 == 0) {
      this.getData(v)
  }
  console.log(this.result.length)
});
}

Collectives™ on Stack Overflow

Innested async call Angular

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related