Estoy tratando de implementar routerLinkActive en mi aplicación, pero me enfrento al problema de que establece la clase activa en múltiples enlaces. Así es como lo estoy haciendo

<ul class="nav nav-tabs">
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/']">Home</a></li>
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/about']">About</a></li>
  <li role="presentation" [routerLinkActive]="['active']"><a [routerLink]="['/contact']" >Contact Us</a></li>  
</ul>

Así es como se ve

Así es como se ve en las herramientas de desarrolloY mi barra de direcciones

¿Me estoy perdiendo algo porque estoy haciendo lo que se explica endocumentos angulares.