Я использую angular 6, и я хочу создать модальное окно с маршрутом, для этого я использую розетку маршрутизатора с именем, но когда я пытаюсь перейти по маршруту модального окна, появляется сообщение об ошибке:
Ошибка: не перехвачено (в обещании): Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: "профиль" Ошибка: не удается сопоставить ни один маршрут. Сегмент URL: 'профиль'
Мои 2 розетки роутера находятся в одном месте
export const routes: Routes = [
{
path: '', component: LayoutComponent,
canActivate: [AuthenticationGuard, AuthorizationGuard],
canActivateChild: [AuthenticationGuard, AuthorizationGuard],
children: [
{
path: '',
pathMatch: 'full',
redirectTo: 'deals',
},
{
path: 'deals',
component: DealsComponent,
},
{
outlet: 'modal',
path: 'profile',
component: ProfileComponent,
data: {
title: 'My Profile',
sidebar: {
category: 'profile',
text: 'My Profile',
icon: 'person',
},
}
},
Я использую [routerLink]="['', {outlets: { modal: 'profile' } } ]"
для перехода по ссылке.
Я сделал рабочий пример проблемы: https://stackblitz.com/edit/angular-asicvf а>
Кто-нибудь может мне помочь, пожалуйста? Спасибо