选择子菜单

Question

我是Angular2的新手，我有一个问题，我有一个侧边栏，如果我选择一个菜单列表页面将打开，如果我选择角色，它将重定向到另一个页面，直到它工作正常，但在孩子页面，父菜单不活动如何使其成为活动状态。  请帮我找到解决方案。

＆＃13;

＆＃13;

app.routing.ts:
 {
        path: '',
        component: LayoutComponent,
        children: [
           
            { path: 'sp-list', loadChildren: './sp-list/sp-list.module#SpListModule'},
              { path: 'sp-details', loadChildren: './sp-list/sp-list.module#SpListModule'},
              ]}

＆＃13;

app-routing.html:
 <a [routerLink]="['/sp-list','/sp-details']" [routerLinkActive]="['router-link-active']" class="list-group-item">
            <i class="fa fa-fw fa-bar-chart-o"></i>&nbsp;Page
        </a>
     //// I tired like this,its not working 
   
        

＆＃13;

＆＃13;

＆＃13;

Answer 1

我的管理面板出现了同样的问题，我有一个左侧面板子组件正在顶层组件中使用，并将出现在每个子路径上。

以下是处理此类菜单和子菜单自动选择的屏幕截图。 Html代码以及左面板代码。

由于