कोणीय 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> 

समस्या गृह एनएवी हमेशा बात है, क्योंकि/हमेशा सक्रिय हो रहा है वर्ग हो जाता है। क्या यह एक छोटे और सरल समाधान से बचने योग्य है?

मदद के लिए धन्यवाद

संपादित करें:

[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>