Angular TutorialLesson 23Free preview

Angular Router

This lesson is part of Angular · All levels

Summary

Angular Router converts an application to SPA by mapping the URL to a specific component. You define the list of routes in the configuration, then display the active component through the <router-outlet> element. Interpage navigation uses the routerLink directive so that no page reloads occur.

Key points

Routes map the URL path to the component
Is an active component rendering container
The routerLink replaced the usual <a href> tag
Param route allows dynamic URLs such as /product/:id

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.