Angular Resolver with related Observables using withLatest

Question

The second observable of my resolver has to use the result of the first observable. I couldn't fiure out how to pass that data to the second observable :

  resolve(route: ActivatedRouteSnapshot,
          state: RouterStateSnapshot): Observable<[Project[], Owner]> {
    const currentEmail = this.CurrentUserEmail();
    return this.searchService.genericSearchApi('/api/searchproject', ...[//I need to pass the user here.]]).pipe(
        withLatestFrom(
            this.userService.getUserByEmail(currentEmail)

        )
    );
  }

Thanks for your help!

Yep. Michael's answer does too. Thanks. – RidRoid Oct 28 '20 at 14:29 — RidRoid, Oct 28 '20 at 14:29

ruth · Accepted Answer · 2020-10-28T13:24:10.277

2

You'd need to use any of the RxJS higher order mapping operators in cases where an observable depends on the emission of another observable.

Illustration using switchMap operator

resolve(
  route: ActivatedRouteSnapshot,
  state: RouterStateSnapshot
): Observable<[Project[], Owner]> {
  const currentEmail = this.CurrentUserEmail();
  return this.userService.getUserByEmail(currentEmail).pipe(
    switchMap(user => this.searchService.genericSearchApi('/api/searchproject', user))
  );
}

edited Oct 28 '20 at 13:24

answered Oct 28 '20 at 13:01

ruth

29,535
4
30
57

There's indeed no need for `withLatest` thanks for the link :) – RidRoid Oct 28 '20 at 14:30

Angular Resolver with related Observables using withLatest

1 Answers1