Класс Angular 2 RouterLinkActive для дочерних маршрутов

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

{
    title: 'Layout', routerLink: 'layout', // main nav
    subNav: // sub nav
    {
      title: 'Layout',
      items: [
        { title: 'Layout', routerLink: 'layout' },
        { title: 'Page Layout', routerLink: 'page-layout' },
      ]
    }
  }

Я хотел бы создать ссылку между главной навигационной системой и вспомогательной навигационной системой, чтобы при переходе к макету страницы активный класс по-прежнему был установлен. Мой текущий родительский HTML:

    <div [routerLink]="[item.routerLink]" 
        [routerLinkActive]="['active']" 
        [routerLinkActiveOptions]="{ exact: true }" #navitem>   

          // navigation specific html

    </div>

Я попытался добавить несколько опций routerlink и предоставить массив опций routerlink, таких как

[routerLink]="['/layout', '/page-layout']"

но это не работает

Спасибо

0 ответов

Другие вопросы по тегам