Angular Web Framework Routing & Navigation 2

Question 1

Which Angular Router guard interface should you implement to prevent a user from leaving a form with unsaved changes?

Accepted Answer

CanDeactivate

Answer

CanDeactivate is called before leaving a route and can prompt the user to confirm navigation away from unsaved data.

Question 2

What does the RouterModule.forChild() method do compared to RouterModule.forRoot()?

Accepted Answer

It registers routes without creating a new Router service instance

Answer

forChild() registers additional routes while reusing the single Router service instance created by forRoot().

Question 3

Which property of ActivatedRoute gives you a snapshot of the route params without subscribing to an Observable?

Accepted Answer

route.snapshot.paramMap

Answer

ActivatedRoute.snapshot provides a static snapshot of the current route state, avoiding the need for an Observable subscription.

Question 4

What is the purpose of the <router-outlet name="sidebar"> syntax in Angular templates?

Accepted Answer

It creates a secondary or auxiliary named outlet for rendering sibling routes

Answer

Named outlets (auxiliary outlets) allow multiple independent router outlets to be active simultaneously, each rendering different routes.

Question 5

In Angular routing, what does setting pathMatch: 'full' on a route accomplish?

Accepted Answer

It requires the entire URL path to match the route's path, not just a prefix

Answer

pathMatch: 'full' ensures the route only matches when the full URL equals the path, commonly used on empty-string redirect routes.

Angular Web Framework Practice Test