routerlinkactive - 在其他页面上设置 routerlink 处于活动状态

Question

即使我导航到其他页面，我也想让侧边栏选项突出显示 [routerlinkactive 状态]。所以我有显示在 home 组件中的 sidemenu 组件

侧边菜单组件 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>

主页组件 html 文件

<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 将突出显示，但我希望即使当我导航到第二个组件替换第一个组件时，routerlink 活动状态也是相同的。有任何想法吗？