基于角度7中所选菜单的活动班级

Question

我正在学习角度语言，并尝试创建导航栏菜单并根据当前页面设置“活动”类。 我在这里看到过这种解决方案：Active Class Based On Selected Menu，但想知道angular 7和打字稿中的等效解决方案。 请如何在角度7中实现该目标？

Answer 1

您可以使用“ routerLinkActive”指令，例如-

<a routerLink="/user/bob" routerLinkActive="active-link">Bob</a>

请参阅以下参考资料- https://angular.io/api/router/RouterLinkActive