angular-routing

Use loadChildren to lazy load an entire feature route file or loadComponent for a single standalone component. Both accept a dynamic import, so the code is only fetched when the user navigates to that path.

Write a CanActivateFn function that injects your auth service and Router, returns true when authenticated, or returns a UrlTree redirecting to the login page with a returnUrl query parameter. Attach it to routes via the canActivate array.

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

Yes, pass withPreloading(PreloadAllModules) to provideRouter to preload all lazy routes, or implement a custom PreloadingStrategy to preload only routes marked with data.preload based on conditions like network speed.

Implement a CanDeactivateFn guard that checks a canDeactivate method on your component, typically returning false when a form is dirty. Register it on the route with canDeactivate: [unsavedChangesGuard].

Use a ResolveFn when the route should not activate until required data is available, such as a detail page that cannot render meaningfully without its entity. Resolved data is exposed to the component as an input when component input binding is enabled.