Почему Angular2 routerLinkActive устанавливает активный класс для нескольких ссылок?

Я пытаюсь реализовать routerLinkActive для моего приложения, но я сталкиваюсь с проблемой, что он устанавливает класс активным для нескольких ссылок. Вот как я это делаю

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

Вот как это выглядит

Вот как это выглядит в dev-toolsИ моя адресная строка

Я что-то упустил, потому что я делаю, как описано вугловые документы.

Ответы на вопрос(1)

Ваш ответ на вопрос