Estou tentando implementar routerLinkActive no meu aplicativo, mas estou enfrentando o problema de definir a classe ativa para vários links. Aqui está como eu estou fazendo isso

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

Aqui está como fica

Aqui está como fica em dev-toolsE minha barra de endereço

Estou faltando alguma coisa porque estou fazendo como explicado emdocumentos angulares.