2017-03-20 6 views
3
<ul> 
<li routerLinkActive="active"><a routerLink="/">One</a></li> 
<li routerLinkActive="active"><a routerLink="/somewhere">Two</a></li> 
</ul> 

をクリックされた場合でもに問題がTwoリンクがクリックされたときに、両方のリンクに適用activeクラスということであり、アクティブのまま - 、なぜこれが起こっている... Oneリンクがハイライトされたまましてください?routerLinkActiveは、他のリンクは

答えて

2

[routerLinkActiveOptions]="{exact: true}"

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

を追加します。また、https://angular.io/docs/ts/latest/api/router/index/RouterLinkActive-directive.html

+0

おかげでたくさんの仲間を参照してください! – vurrd

+1

@vurrd、それは正しい解決策であるので、答えを受け入れるべきです –

+1

私は知っています、それはちょうど私が待つために5分が必要と言う。心配しないでください :) – vurrd

関連する問題