7 Router link

What Is RouterLinkActive in Angular?

What Is RouterLinkActive?
The RouterLinkActive is a directive. To add the active CSS class to the element when the associated RouterLink becomes active (visually look like selected anchors). It is also works for both parent and child elements.

  selector: '[routerLinkActive]',
  exportAs: 'routerLinkActive'

Consider the following example for active a link –
<a routerLink="/user/detail" routerLinkActive="active-link">User Detail</a>

You can also set more than one class and it look like this.
<a routerLink="/user/detail" routerLinkActive="active-class1 active-class2">User detail</a>
<a routerLink="/user/detail" [routerLinkActive]="['active-class1', 'active-class2']">User detail</a>


Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

What Is RouterLinkActive in Angular? What Is RouterLinkActive in Angular? Reviewed by Anil Singh on 4:09 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.