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>
`,
})
export class MyComponent {
data$: Observable<Data> = getLoaderData();
constructor(private loaderData$: 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.