Я использую макет экрана с вкладками, где у модуля вкладок есть свои собственные маршруты для размещения страниц вкладок и их дочерних страниц.Вот объект маршрутов:
const routes: Routes = [
{
path: 'tabs',
component: TabsPage,
children: [
{
path: 'home',
children: [
{
path: '',
loadChildren: '../pages/home/home.module#HomePageModule'
}
]
},
{
path: 'deliverablesIndex',
children: [
{
path: '',
loadChildren: '../pages/deliverables-index/deliverables-index.module#DeliverablesIndexPageModule'
},
{
path: 'create',
children: [
{
path: '',
loadChildren: '../pages/deliverable-create/deliverable-create.module#DeliverableCreatePageModule'
}
]
}
]
},
{
path: 'profile',
children: [
{
path: '',
loadChildren: '../pages/profile/profile.module#ProfilePageModule'
}
]
},
{
path: '',
redirectTo: 'tabs/home',
pathMatch: 'full'
}
]
},
{
path: '',
redirectTo: 'tabs/home',
pathMatch: 'full'
}
];
Это прекрасно работает для навигации между вкладками, однако, когда я пытаюсь перейти на одну страницу глубже в субтитре deliverablesIndex
к create
, я получаю эту ошибку: Cannot match any routes. URL Segment: '/tabs/deliverablesIndex/create'
Используя этот код: this.router.navigate (['/ tabs / deliveryrablesIndex / create /']);
Я пробовал '/tabs/deliverablesIndex/create/'
и 'tabs/deliverablesIndex/create/'
но безрезультатно.
Это работает, когда я сам набираю URL в браузере: http://localhost:8100/core/tabs/deliverablesIndex/create
.
Что мне здесь не хватает?