Angular · Junior · Question 57 of 75

How do you highlight the menu link for the current route?

<a routerLink="/users" routerLinkActive="active">Users</a>

✓Correct answer: Add routerLinkActive with the CSS class to apply
2Compare window.location.href in every component
3Use [class.active]="true"

Explanation

The directive adds the class while the link's route is active. [routerLinkActiveOptions]="{ exact: true }" prevents / from matching every page.

Further reading

Angular: Routing ↗

Test yourself

Take the Angular · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.