angular-routing

Use loadChildren to lazy load an entire feature's route file or loadComponent for a single component. Both accept a dynamic import function, and the referenced code is only downloaded when the user navigates to that route.

Enable withComponentInputBinding() in provideRouter, then declare route params as input.required<string>() in your component. Angular automatically binds path parameters, query parameters, and route data to matching component inputs.

Create a CanActivateFn function that injects your auth service and Router, returning true when authenticated or a UrlTree redirecting to login otherwise. Attach it to routes via the canActivate array.

A resolver (ResolveFn) pre-fetches data before route activation so the component receives ready data via inputs, while a guard (CanActivateFn) controls whether navigation is allowed at all. Resolvers fetch data; guards authorize access.

Yes, use withPreloading(PreloadAllModules) to preload all lazy routes, or implement a custom PreloadingStrategy to preload selectively based on route data flags or network conditions like connection speed and saveData.