Angular Web Framework Routing & Navigation

Question 1

What is the Angular Router?

Accepted Answer

A module that maps URL paths to components, enabling single-page application navigation

Answer

The Angular Router maps URL paths to specific components, enabling navigation between different views in a single-page application without full page reloads.

Question 2

What is a route guard in Angular?

Accepted Answer

An interface that controls whether navigation to or from a route is allowed

Answer

Route guards (CanActivate, CanDeactivate, CanLoad) are classes implementing specific interfaces that determine whether navigation should proceed, commonly used for authentication and authorization.

Question 3

What are lazy loaded modules?

Accepted Answer

Feature modules loaded on demand when their route is first accessed, reducing initial bundle size

Answer

Lazy loading defers loading of feature modules until the user navigates to their routes, reducing the initial application bundle size and improving startup performance.

Question 4

What is the ActivatedRoute service?

Accepted Answer

A service providing access to route parameters, query parameters, and other route information

Answer

ActivatedRoute provides information about the route associated with the loaded component, including route parameters, query strings, URL fragments, and resolved data.

Question 5

What is the purpose of the router outlet?

Accepted Answer

A placeholder directive in the template where routed components are dynamically rendered

Answer

The <router-outlet> directive acts as a placeholder in the layout template where the Angular Router dynamically renders the component matching the current URL path.

Angular Web Framework Practice Test

Angular Web Framework Practice Test

Angular Web Framework Routing & Navigation