Loaders can be used to fetch data for the component, run checks such as auth, redirect, and more.
import{Component}from'@angular/core';
@Component({template: ` <router> <route path="/lazy" [load]="components.lazy" [loader]="() => Promise<Response> | Observable<Response>"> </route> </router> `,})exportclassMyComponent{data$: Observable<Data>=getLoaderData();constructor(privateloaderData$: LoaderData){}components={lazy: ()=>import('./lazy/lazy.component')};}
Loaders can be used to fetch data for the component, run checks such as auth, redirect, and more.