Я пытаюсь добавить маршрут /login к своему приложению через именованную точку. Все остальные маршруты находятся в первичной розетке, и только другая страница входа должна находиться в другой розетке. Это мои настройки для маршрута /login в массиве appRoutes в app.module.ts:
{ path: 'login',
component: LoginComponent,
data: { title: 'Login' },
outlet: 'login'
}
И в моем шаблоне app.component.html у меня есть следующее:
<app-main-nav>
<router-outlet></router-outlet>
</app-main-nav>
<router-outlet name="login"></router-outlet>
Я пытаюсь перейти на страницу входа напрямую, введя URL-адрес в браузер, но получаю сообщение об ошибке Error: Cannot match any routes. URL Segment: 'login'
Когда я добавляю маршрут входа в основную точку, он работает нормально, но затем вокруг него оборачивается <app-main-nav>, и именно поэтому я хочу отделить эту страницу от остальных и дать ей собственную версию. Я искал это сообщение об ошибке, но для большинства людей проблема заключается в том, что routerLink неверен в их шаблоне, но, поскольку я пытаюсь перейти к этому маршруту вручную через строку URL, эти решения нене относится ко мне. Что не так с моим кодом?