angular - Hur markerar man när sökvägen exakt matchar ''/''?

Hur markerar man när sökvägen exakt matchar '/'?

Just nu, även när jag går till Sida 2, är länken Hem fortfarande markerad.

plunker

.active { color: red; }

<a routerLinkActive="active" routerLink="/">Home</a>
<a routerLinkActive="active" routerLink="/page2">Page 2</a>

rutter :

export const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'page2', component: Page2Component },

  { path: '**', redirectTo: '' }
];

Jag försökte ändra till path: '', component: HomeComponent, pathMatch: 'full', men det hjälpte inte.

Svar #1

<div routerLinkActive="active-link" [routerLinkActiveOptions]="{exact: true}">

https://angular.io/docs/ts/latest/api/router/index/RouterLinkActive-directive.html