title: Angular 2 routerLinkActive always active for base path
body: <p>I have this code for my navbar: </p>
  
  <pre><code>&lt;nav&gt;
    &lt;a [routerLink]="['/']" [routerLinkActive]="['nav-active']"&gt;HOME&lt;/a&gt;
    &lt;a [routerLink]="['/about']" [routerLinkActive]="['nav-active']"&gt;ABOUT&lt;/a&gt;
    &lt;a [routerLink]="['/records']" [routerLinkActive]="['nav-active']"&gt;RECORDS&lt;/a&gt;
  &lt;/nav&gt;
  </code></pre>
  
  <p>The problem is the HOME nav point always gets the class because / seems to be always active.
  Is this avoidable with a small and simple solution?</p>
  
  <p>Thanks for the help</p>
  
  <p>Edit:</p>
  
  <p>this is the solution for now: </p>
  
  <p>[routerLinkActiveOptions]="{ exact: true }"</p>