Angular Web Framework Routing & Navigation 5

Question 1

Which Angular feature introduced in v14+ allows defining routes without NgModules by using standalone components?

Accepted Answer

provideRouter() in bootstrapApplication()

Answer

In standalone Angular apps, provideRouter() is passed to bootstrapApplication() providers to configure routing without any NgModule.

Question 2

How does Angular's RouterLinkActive directive determine which link is currently active?

Accepted Answer

It checks whether the link's route is part of the current active route tree

Answer

RouterLinkActive adds its CSS class when the associated route is part of the currently active route tree, supporting both exact and prefix matching.

Question 3

What is the purpose of the router's state object passed via NavigationExtras when calling Router.navigate()?

Accepted Answer

It passes transient data to the target route without encoding it in the URL

Answer

NavigationExtras.state passes ephemeral data to the destination route accessible via HistoryState, without that data appearing in the URL.

Question 4

In Angular routing, what does bindToComponentInputs: true in RouterModule.forRoot() configuration enable?

Accepted Answer

Automatic binding of route params, query params, and data to component @Input() properties

Answer

bindToComponentInputs automatically maps route parameters, query parameters, and data to matching @Input() properties on the routed component, removing the need for ActivatedRoute injection.

Question 5

What is the recommended way to handle route-level error states when a Resolve guard's Observable throws an error?

Accepted Answer

Return EMPTY or use catchError to redirect to an error route

Answer

Catching the error inside the resolver with catchError and returning EMPTY (which cancels navigation) or a redirect UrlTree is the clean approach to resolver error handling.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Routing & Navigation 5