Skip to content

Route Links (routerLink, routerLinkActive)

Angular provides directives for navigation directly inside templates.

  • routerLink creates navigation links.
  • routerLinkActive adds a CSS class when the route is active.
<nav>
<a routerLink="/" routerLinkActive="active">Home</a>
<a routerLink="/about" routerLinkActive="active">About</a>
</nav>
<router-outlet></router-outlet>
``