How to resolve the end of execution of several asynchronous functions?

Question

Angular

There are several functions:

this.userService.getLegalsList(this.getUserListParams()).subscribe(data => {
//лишний код
}
this.userService.getAll({params : {all:true,blocked:'0',role:'driver'}}).subscribe(data => {
//лишний код
}
route.data.subscribe(data => { 
//лишний код
}

The task is simple - you need to somehow detect the completion of all these functions and then execute another function. Moreover, it is not cool to perform consistently - the site is too slow.

Answer 1

Promise.all

Answer 2

const legalUsers$ = this.userService.getLegalsList(...);
const allUsers$ = this.userService.getAll(...);
const routeData$ = route.data;

legalUser$
    .combineLatest(allUser$, routeData$)
    .subscribe(([data1, data2, data3]) => {
        ...
    });