Question 1

How does Angular Router map URLs to components?

Accepted Answer

Routes configure path → component (or loadComponent) and optional children, guards, and resolvers. Router outlet renders the matched component. Lazy loading uses loadChildren/loadComponent. Params and query params are observables/signals.

Question 2

What is the difference between paramMap and queryParamMap?

Accepted Answer

paramMap is path params (/users/:id); queryParamMap is ?key=value search params. Path params identify resources; query params are filters/pagination. Prefer snapshot only when you don't need ongoing updates.

Question 3

How do you lazy load a standalone route?

Accepted Answer

Use loadComponent: () => import(...).then(m => m.FeatureComponent) on the route. Code-splits the feature. Combine with canMatch/canActivate for auth. Prefer standalone lazy routes over NgModule lazy loading in new apps.

Question 4

What are child routes and nested router-outlets for?

Accepted Answer

Feature sections with their own sub-navigation render in nested outlets. Parent route component hosts <router-outlet>. Children inherit URL segments. Useful for dashboards with side nav.

Question 5

How do you pass data to a route without putting it in the URL?

Accepted Answer

Use the route data property, a resolver, or a shared service/state store. Static data goes in route config. Resolvers prefetch. Avoid relying on router state extras alone for refresh-safe data.

Question 6

What is RouterLinkActive and common pitfalls?

Accepted Answer

It adds CSS classes when the link's route is active; exact matching options matter. Without exact matching, parent links stay active for children. Configure routerLinkActiveOptions carefully.

Routing Angular Interview Questions

Other Angular interview topics