如何突出显示路径完全匹配＆＃39; /＆＃39 ;?

Question

如何在路径与'/'完全匹配时突出显示？

现在，即使我去 ，主页链接仍然会突出显示。

plunker

.active { color: red; }

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

路线：

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

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

我尝试更改为path: '', component: HomeComponent, pathMatch: 'full'，但没有帮助。

Answer 1

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

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