сделать два динамических navbar'а, пункты меню в которых будут изменяться в зависимости от маршрута.
Структура такая:
*root*/area1/subarea1.1/page1.1.1
*root*/area1/subarea1.1/page1.1.2
*root*/area1/subarea1.2/page1.2.1
*root*/area2/subarea2.1/page2.1.1
*root*/area2/subarea2.1/page2.1.2
Первый navbar должен вывести ссылки на subarea, которые относятся к area. Когда пользователь переходит туда, ему должен отобразится второй navbar с ссылками на page внутри этой subarea.
Пример:
localhost/settings/user/profile
localhost/settings/user/permissions
localhost/settings/project/create
localhost/account/invoices/blablabla
localhost/account/bills/blablabla
Я захожу в settings и вижу первый навбар с ссылками на user,project. Перехожу в user - вижу второй навбар с ссылками на profile, permissions. Ухожу в projects - второй навбар исчезает и есть ссылка уже на create.
Я реализовал это с помощью двух сервисов для навбаров. Первый дергаю в момент когда загружается SettingsComponent. Второй когда загружается UserComponent. Но мне приходится еще для каждого из этих компонентов в хуке ngOnDestroy очищать список меню.
Кто подскажет, как это лучше реализовать? Или мой вариант самый нормальный?
ActivatedRoute тебе в помощь
Обсуждают сегодня