Member-515487 Ответов: 0

Как получить активный класс в родительское меню при нажатии подменю

Здесь, когда пользователь нажимает на подменю, я хочу, чтобы родительское меню получило" активный " класс

Я попробовал с
<pre><li  data-toggle="collapse" data-target="#products" routerLink="admintools" routerLinkActive="active" class="collapsed">


но он работает, когда я нажимаю на подменю родительского меню получил" активный " класс, но я не хочу, чтобы пользователь перенаправлял куда-либо, если пользователь нажимает на родительское меню, которое в настоящее время происходит.

Маршрутизация осуществляется следующим образом
const appRoutes: Routes = [
{
  path: 'admintools',children: [
    {
      path: 'approverconfig', children: [
        { path: '', redirectTo: 'user',pathMatch: 'full' },
        { path: 'user', component: UserConfigComponent },
        { path: 'process', component: ProcessConfigComponent }
      ]
    }
  ]
},

]

HTML код выглядит следующим образом
<pre><li  data-toggle="collapse" data-target="#products" routerLink="admintools" routerLinkActive="active" class="collapsed">
                  <a> Admin / Tools <span class="arrow"></span></a>
                </li>


                <ul class="sub-menu collapse" id="products">
                    <li routerLinkActive="active"><a routerLink="admintools/approverconfig">User Configuration</a></li>
                </ul>



Что я уже пробовал:

Я пытался 
routerLink="admintools" routerLinkActive="active"
но пользователь может также нажать на родительское меню и изменить локацию

0 Ответов