即使单击其他链接，routerLinkActive仍保持活动状态

Question

<ul>
 <li routerLinkActive="active"><a routerLink="/">One</a></li>
 <li routerLinkActive="active"><a routerLink="/somewhere">Two</a></li>
</ul>

问题在于，当点击Two链接时，active类适用于这两个链接 - One链接仍会突出显示...为什么会发生这种情况，请？

Answer 1

添加[routerLinkActiveOptions]="{exact: true}"

<li routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">

另见https://angular.io/docs/ts/latest/api/router/index/RouterLinkActive-directive.html