title: Multiple API calls with same request
body: <p>I want to make multiple HTTP calls with the same endpoint passing different id. Is there a better way to handle this from UI. We cannot change the backend right now, <strong>is there a better way?</strong></p>
  
  <pre><code>import { Component } from '@angular/core';
  import { HttpClient } from '@angular/common/http';
  import { Observable, forkJoin } from 'rxjs';
  
  @Component({
    selector: 'app-root',
    templateUrl: 'app/app.component.html'
  })
  export class AppComponent {
    loadedCharacter: {};
    constructor(private http: HttpClient) {}
  
    ngOnInit() {
      let character1 = this.http.get('https://swapi.co/api/people/1');
      let character2 = this.http.get('http://swapi.co/api/people/2');
  
      forkJoin([character, character2]).subscribe(results =&gt; {
        // results[0] is our character
        // results[1] is our character2
      });
    }
  }
  </code></pre>