在其他页面上设置routerlink active

Question

即使我导航到其他页面，我也希望侧边栏选项突出显示[routerlinkactive state]。所以我有家庭组件中显示的sidemenu组件

sidemenu compoennet html文件

<div class="bg-primary sidebar">
<ul class="nav-sidebar"> 
    <li class="sidemenu-item" routerLinkActive="active">
        <a routerLink="/maincontent/first">
            <md-icon>first</md-icon><span>Sidemenu-item-1</span>
        </a>
    </li>
</ul>
<div>

home compoennet html file

<sidemenu></sidemenu>
<router-outlet></router-outlet>

路由文件

export const ROUTES: Routes = [
  {
    path: 'home',
    component: HomeComponent,
        children: [
        { path: 'first', component : FirstComponent }
        { path: ':id' , component : SecondCompnent}
   ]
  }
 ];

默认情况下，当我在第一个组件时，Sidemenu-item-1将突出显示，但即​​使我导航到第二个组件替换第一个组件，我也希望路由器链接活动状态相同。有任何想法吗？