Chapter quiz · Routing & Navigation

Test what you learned.

8 questions on Routing & Navigation. Pass 70% to clear the chapter.

← Review chapter lessons

Quiz

Routing & Navigation — Chapter Quiz

Eight questions on routes, params, guards, lazy loading, and router events.

0/ 9

Question 1
1
Which function configures routes in a standalone app?
ARouterModule.forRoot(routes)BprovideRouter(routes)CbootstrapRouter(routes)DRouter.create(routes)
provideRouter(routes) goes into the providers array of bootstrapApplication. RouterModule.forRoot is the legacy NgModule equivalent.
Question 2
2
What renders the matched component for the current route?
A<router-link>B<router-outlet>C<router-view>D<ng-content>
<router-outlet> is the placeholder Angular fills with the component matched by the current URL.
Question 3
3
How do you read a :id route parameter inside a component?
Aroute.snapshot.queryParamMap.get(\"id\")Broute.paramMap.subscribe(p => p.get(\"id\"))Clocation.pathname.split(\"/\")[2]Dinject(Router).id
ActivatedRoute.paramMap is an observable of the current params. The snapshot also works for one-shot reads.
Question 4
4
A modern functional guard is declared as:
AA class with a canActivate methodBA plain function returning boolean | UrlTree | Observable<boolean>CA decorator on the route componentDA service that extends RouteGuard
Functional guards are plain functions used in canActivate: [authGuard]. Class-based CanActivate services still work but are legacy.
Question 5
5
Which property lazy-loads a route component?
AcomponentBloadChildrenCloadComponentDlazyComponent
loadComponent: () => import('./x').then(m => m.X) lazy-loads a standalone component. loadChildren lazy-loads a route tree.
Question 6
6
routerLink can take an array to construct multi-segment URLs.
TTrueFFalse
[routerLink]="['/users', userId]" builds /users/42. The array form is great for dynamic segments.
Question 7
7
A function that pre-fetches data before activating a route is called a ___.
Resolvers run before navigation completes. The resolved value is available on ActivatedRoute.data when the component renders.
Question 8
8
Which of these are real Router events?
Select all that apply.
ANavigationStartBNavigationEndCNavigationErrorDNavigationPausedERoutesRecognized
NavigationPaused doesn't exist. The full event stream is on router.events — useful for analytics or scroll restoration.