角2 routerLinkActive總是活躍的基本路徑

Question

我有這樣的代碼爲我的導航欄：

<nav> 
    <a [routerLink]="['/']" [routerLinkActive]="['nav-active']">HOME</a> 
    <a [routerLink]="['/about']" [routerLinkActive]="['nav-active']">ABOUT</a> 
    <a [routerLink]="['/records']" [routerLinkActive]="['nav-active']">RECORDS</a> 
</nav> 

的問題是HOME導航點總是得到類，因爲/似乎始終處於活動狀態。 這是一個小而簡單的解決方案可以避免嗎？

感謝您的幫助

編輯：

這是對於現在的溶液：

[routerLinkActiveOptions] = 「{確切：真}」

Answer 1

這似乎是一個公知問題。 一些變通辦法在這個線程詳述： https://github.com/angular/angular/issues/8397

Answer 2

正如@TomRaine in this answer建議，可以將屬性[routerLinkActiveOptions]="{ exact: true }"添加到您的元素：

<nav> 
    <a [routerLink]="['/']" 
     [routerLinkActive]="['nav-active']" 
     [routerLinkActiveOptions]="{ exact: true }"> 
    HOME 
    </a> 
    ... 
</nav>