How To Call Multiple Rest API and Subscribe in Angular 10?

💬 Tech Talks › Category: Angular 10 › How To Call Multiple Rest API and Subscribe in Angular 10?
0 Vote Up Vote Down
Rehmaanali Staff asked 10 months ago

I have multiple methods that contain individual get method but in component How to Call Multiple Rest API and Subscribe in component i.e. calling multiple methods in one subscribe.


  /**
   * Get current User from the server.
   *
   * @returns {json} current user.
   */
  public getCurrentUser(): any {
    return this.http.get(this.baseUrl)
      .pipe(map((res: any) => res.data));
  }
  /**
   * Get all device statuses from the server.
   *
   * @returns {json} all asset statuses.
   */
  public getDeviceConditions(): any {
    return this.http.get(this.baseUrl)
      .pipe(map((res: any) => res.data));
  }

Suppose the above two methods I want to call withing one subscribe.

Question Tags: ,
1 Answers
1 Vote Up Vote Down
Inaam Husain Staff answered 10 months ago

To call multiple API parallelly and get a combined response in one short we can use forkJoin method of rxjs.
You can do something like this as shown below,


forkJoin([
  getCurrentUser(), //observable 1
  getDeviceConditions() //observable 2
]).subscribe(([users, deviceConditions]) => {
  // When Both are done loading do something
});
Signup to Post Answer