RouterModule configuration in Angular - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of RouterModule.forRoot() in Angular?

It sets up the main routes for the Angular application and configures the router at the app's root level. It should be called once in the root module.

beginner

How do you define a route path and its associated component in Angular's RouterModule?

You create an object with a path string and a component reference, then include it in the routes array passed to RouterModule.forRoot() or RouterModule.forChild().

intermediate

What is the difference between RouterModule.forRoot() and RouterModule.forChild()?

forRoot() configures the router at the app root and should be used once. forChild() is for feature modules to add routes without reconfiguring the root router.

intermediate

How can you enable scrolling to top on route change using RouterModule configuration?

By passing an extra option { scrollPositionRestoration: 'top' } to RouterModule.forRoot(routes, { scrollPositionRestoration: 'top' }).

intermediate

What does the useHash option do in RouterModule configuration?

Setting useHash: true makes Angular use hash-based URLs (like example.com/#/path) which can help with older server setups that don't support HTML5 pushState.

Which method is used to configure the root routes in Angular?

A RouterModule.forChild()

B RouterModule.configure()

C RouterModule.forRoot()

D RouterModule.setup()

RouterModule.forRoot() is used once to set up the main routes of the app.

How do you add routes in a feature module without affecting the root router?

A RouterModule.forChild()

B RouterModule.extend()

C RouterModule.addRoutes()

D RouterModule.forRoot()

RouterModule.forChild() adds routes in feature modules safely.

What option enables scrolling to the top when navigating to a new route?

A scrollPositionRestoration: 'top'

B scrollPositionRestoration: 'enabled'

C scrollToTop: true

D scrollPositionRestoration: 'auto'

Use scrollPositionRestoration: 'top' to scroll to top on route change.

What does setting useHash: true do in RouterModule configuration?

A Prevents route guards

B Disables routing

C Enables lazy loading

D Enables hash-based URLs

It enables hash-based URLs like example.com/#/path.

Where should RouterModule.forRoot() be called?

A In every feature module

B Only in the root app module

C In service files

D In component files

It should be called only once in the root app module.

Explain how to configure routes in Angular using RouterModule.

Think about how you tell Angular which component to show for each URL.

Describe the purpose and usage of the useHash option in RouterModule configuration.

Consider how URLs look and how servers handle them.