Я создал данные маршрутизации JSON, которые я хочу отобразить.
Данные таковы:
const navItems: NavItem[] = [
{
displayName: 'Dashboard',
disabled: true,
children: [
{
displayName: 'Dashboard',
disabled: false,
route: '/dashboard/dashboard'
},
{
displayName: 'Wizzard',
disabled: false,
route: '/dashboard/wizzard'
},
{
displayName: 'Dynamic Form',
disabled: false,
route: '/dashboard/onboarding'
}
]
},
{
displayName: 'Admin',
disabled: true,
children: [
{
displayName: 'User',
disabled: false,
route: '/admin/user'
},
{
displayName: 'Resource',
disabled: false,
route: '/admin/resource'
},
{
displayName: 'Company',
disabled: true,
children: [
{
displayName: 'HR',
disabled: false,
route: '/admin/company/hr'
},
{
displayName: 'Development',
disabled: false,
route: '/admin/company/development'
},
{
displayName: 'Testing',
disabled: false,
route: '/admin/company/testing'
}
]
},
]
},
{
displayName: 'Settings',
disabled: true,
children: [
{
displayName: 'Password',
disabled: false,
route: '/setting/password'
}
]
},
];
Когда я нажимаю на другой родительский маршрут, тогда другой родитель должен приблизиться.
Я отослал это
https://stackblitz.com/edit/dynamic-nested-sidenav-menu?file=app%2Fmenu-list-item%2Fmenu-list-item.component.html
но он не закрывается, когда я нажимаю на другой родительский маршрут.
Пожалуйста, скажите мне, что мне делать.