Угловая маршрутизация с несколькими выходами не работает
Я хочу создать несколько роутеров-розеток: сначала для основного приложения, а затем для страницы администратора.
Итак, у меня есть два модуля: приложение и администратор. В модуле приложения у меня есть маршрутизатор:
const routes: Routes = [
{
path: "",
component: HomeComponent,
pathMatch: "full"
},
{
path: "sign-in",
component: SignInComponent
},
{
path: "sign-up",
component: SignUpComponent
},
{
path: "profile",
component: UserProfileComponent
},
{
path: "admin",
component: AdminComponent,
children: [
{
path: "news",
component: NewsComponent,
outlet: 'admin'
},
{
path: "users",
component: UsersComponent,
outlet: 'admin'
}
]
}
];
В модуле администратора у меня есть компонент администратора со ссылками:
<a
routerLink="news"
class="aside__nav-item"
>News</a>
<a
routerLink="users"
class="aside__nav-item"
>Users</a>
И розетка: <router-outlet name="admin"></router-outlet>
Маршрутизатор в основном приложении работает нормально, но когда я нажимаю ссылку в маршрутизаторе админ-панели, я получаю сообщение об ошибке
Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: "admin/news".
Что я сделал не так? Должен ли я создать еще один маршрутизатор для admin
модуль?