Я хочу создать маршруты в angular 7, но эти маршруты должны быть не такими, как обычно. У меня есть панель администратора и компонент навигации. Эти два компонента имеют разные панели навигации. Дело в том, чтобы загрузить панель администратора по ссылке маршрутизатора и заменить компонент навигации по умолчанию навигацией другой панели администратора. Панель администратора должна загружать другие компоненты из папки администратора, когда пользователь перенаправляет к пути / admin (только эти компоненты). А в других случаях должна быть показана навигация по умолчанию и компоненты, относящиеся к маршруту пользователя (роутер-розетка).
Например, я иду в / index path и должен быть показан компонент навигации по умолчанию с компонентом index в router-outlet. Но если я захожу в / admin / dashboard, я хочу видеть компонент панели навигации и панели администратора как router-outlet.
Как реализовать эту функцию?
Некоторые коды, которые у меня сейчас есть:
app.module.ts:
const appRoutes: Routes = [
{
path: 'index',
component: IndexComponent,
},
{ path: '', redirectTo: '/index', pathMatch: 'full' },
];
app.component.html:
<app-nav><router-outlet></router-outlet></app-nav>
Задача состоит в том, чтобы изменить app-nav на admin-nav при переходе пользователя к пути / admin.