Angular Web Framework Routing & Navigation 4

Question 1

What is the purpose of enableTracing: true in RouterModule.forRoot() configuration?

Accepted Answer

It logs all router events to the browser console for debugging

Answer

enableTracing: true outputs every router lifecycle event to the console, making it easier to debug navigation issues during development.

Question 2

Which ActivatedRoute property provides an Observable that emits the URL segments for the current route?

Accepted Answer

route.url

Answer

ActivatedRoute.url is an Observable<UrlSegment[]> that emits the array of URL segments matching the current route.

Question 3

How can you pass static data to a route component in Angular's route configuration?

Accepted Answer

Using the data property in the route definition

Answer

The data property in a route definition holds a static object accessible via ActivatedRoute.data, useful for passing metadata like page titles.

Question 4

What does the Angular router's scrollPositionRestoration option set to 'enabled' do?

Accepted Answer

It scrolls back to the top on forward navigation and restores position on back navigation

Answer

With scrollPositionRestoration: 'enabled', Angular restores the saved scroll position on back/forward navigation and scrolls to the top on new navigations.

Question 5

In Angular, how would you define a wildcard route that catches all unmatched URLs?

Accepted Answer

{ path: '**', component: NotFoundComponent }

Answer

The double asterisk '**' is Angular's wildcard pattern that matches any URL not handled by prior routes; it must be the last route defined.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Routing & Navigation 4