Класс 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']"
но это не работает
Спасибо