Вызов нескольких apis в угловых

Question

Мне нужно вызвать api1, который содержит много записей, и у каждой записи есть personId. Мне нужно зачислить данные в datatable. На основе personId мне нужно получить personName из другого api2 и в то же время показать в том же файле данных.

here is my Service file contains two methods.

  return this.http.get(`${this.api1}`);
}
getCardStatus(id){
  return this.http.get(`${this.api2}/${id}`);
}


in the component ts file i need to implement method which can call both tha apis at same time to get required data.

i tried this but its not working.

listAllDisputes() {
  this.disputeService.getCardStatus().pipe(map( (res) =>{
    this.disputeslist = res;
    const id = this.disputeslist.card_id;
    return this.disputeService.listDisputes()
    }).subscribe( data =>{
      this.disputeslist = data;
    }));
}