Resolver

• Resolver

• Resolver serve para carregarmos algo antes de carregar o componente e quando estiver finalizado, mostramos o valor

//resolver
export const PostResolver: ResolveFn<string> = (
  route: ActivatedRouteSnapshot,
  state: RouterStateSnapshot
): Observable<string> =>
  new Observable(observer => {
    observer.next('1');
    observer.next('2');
    observer.next('3');

    observer.complete();
  });

//rounting module
{
    path: 'resolver',
    component: ResolverComponent,
    resolve: { post: PostResolver },
  },

//class
post$: Observable<string | null> = of(null);
private readonly route: ActivatedRoute = inject(ActivatedRoute);
ngOnInit(): void {
  this.post$ = this.route.data.pipe(map(({ post }) => post));
  console.log(this.post$);
}