Angular resolver get an Observable

Question

I work on Angular 10 project. I get data from my backEnd with a simple

return this.http
      .get<{ returned: Animal[] }>('animals')
      .pipe(map((res) => res.returned.map((value) => value)));

this is call by my resolver and send through router in my routing module with

resolve: {
        animals: AnimalResolver,
}

I get resolve data with this.route.snapshot.data.animals

I want to have an Obervable<Animal[]> for use AsyncPipe. The type return by the resolver is an Observable<Animal[]> but I get an error invalid Pipe argument, to resolve this error I need to make :

of(this.route.snapshot.data.animals);

Why?

Before you start using resolvers a lot I'd recommend you to read this stackoverflow.com/questions/49054232/… — maxime1992
– maxime1992, Commented Jul 28, 2020 at 10:42

vadimk7 · Accepted Answer · 2020-07-28 10:37:36Z

3

In this case you need to use this.route.data observable where route is ActivatedRoute while ActivatedRouteSnapshot is just "static" data of current route and there are no observables here.

this.animals$ = this.route.data
  .pipe(map(data => data.animals));

edited Jul 28, 2020 at 10:37

answered Jul 28, 2020 at 10:29

vadimk7

8,4071 gold badge15 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular resolver get an Observable

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related