async API Request using the Angular 6

Question

As per my requirement, I need to send async request using the Angular 6 Httpclient.
Can anyone explain howe can send async request?

Loop calling in Component:

function in REST API service:

Right now, all request is going all together. But I want that after complete first request request 2nd should go and so all.

Please let me know is this possible in Angular 6?

Please try to provide me some good example.

this.pressArray.forEach(function(field_value, field_index){
  restAPI.CallAddPageBlock(formData, '', id).subscribe(response2 => {
    content_blocks.push(response2.id);
  });
});


CallAddPageBlock(formData, tickets='', id): Observable<any> {
  var full_url = this.baseUrlContent + 'Hub_PageBlock_C/assets/';
  if(id!=0){
    full_url = full_url+id
  }
  return this.http.post(full_url, formData, this.httpOptionsJson).pipe(); 
}

It is possible, more info angular.io/guide/http#making-a-post-request — Alexander
– Alexander, Commented Dec 6, 2018 at 13:00
Is there a class that is being assigned this work or is this a pure coincidence? I just answered a very similar question an hour or 3 ago: Execute http request sequentially in Angular 6 — Igor
– Igor, Commented Dec 6, 2018 at 17:09

Igor · Accepted Answer · 2018-12-06 17:14:28Z

2

You could use async/await with Promise to stream line this. Convert the observable to a promise using toPromise()

async doSomethingAsync() {
  for(var item of this.pressArray) {
    let response2 = await restAPI.CallAddPageBlock(formData, '', id).toPromise();
    content_blocks.push(response2.id);
  }
}

There is no need to call pipe in CallAddPageBlock at the end there.

For more on async/await see also this excellent answer and scroll to the heading ES2017+: Promises with async/await.

answered Dec 6, 2018 at 17:14

Igor

62.5k10 gold badges111 silver badges181 bronze badges

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

Collectives™ on Stack Overflow

async API Request using the 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