Почему 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И моя адресная строка
Я что-то упустил, потому что я делаю, как описано вугловые документы.