cha-cha
Reputation: 338
Angular2 add class when route is inactive
Angular2 has a routerLinkActive directive which adds class to the element if the route is active. I want to add a class when route is inactive. Is there a way to do this?
Upvotes: 10
Views: 3911
Answers (1)
Scipion
Reputation: 11888
<a routerLink="/user/bob" routerLinkActive #rla="routerLinkActive" [ngClass]="rla.isActive ? 'classIfActive' : 'classIfNotActive'">
</a>
Upvotes: 23
Related Questions
- how to add active class when we are navigating through router.navigate() in angular
- adding or removing classes based on route changes in angular
- How to set active class on the current state using angular-route?
- Add or remove class to/from body based on route component in angular 7
- How to add class depending on route | Angular 6
- how add class active for parent when child router link clicked in angular 5
- Angular 2 : Remove class if root route not active
- Angular 2: Add class to component during routing
- Add a Class when In a certain Route - Angular 2
- Angular.js: Add a class to elements outside of the scope depending on the used route