Ionic 5 选项卡将选项卡重定向到特定页面

Question

我的应用程序中有 5 个选项卡。我想从中自动将第 5 个选项卡重定向到应用程序中的页面。即当用户单击tab5时，他应该被重定向到名为carts的页面

我已经在第 5 个选项卡的儿童路径中添加了购物车页面并尝试重定向。但什么也没发生。 第 5 个选项卡未重定向到购物车页面

这是代码

app.routing.module

{
path: '',
loadChildren: () => import('./pages/tabbar/tabbar.module').then( m => m.TabbarPageModule)
},

标签栏.路由.模块

{
path: 'tabs',
component: TabbarPage,
children : [
{
path: 'tab1',
loadChildren: () => import('../tab1/tab1.module').then( m => m.Tab1PageModule)
},
{
path: 'tab2',
loadChildren: () => import('../tab2/tab2.module').then( m => m.Tab2PageModule)
},
{
path: 'tab3',
loadChildren: () => import('../tab3/tab3.module').then( m => m.Tab3PageModule)
},
{
path: 'tab4',
loadChildren: () => import('../tab4/tab4.module').then( m => m.Tab4PageModule)
},
{
path: 'tab5',
loadChildren: () => import('../tab5/tab5.module').then( m => m.Tab5PageModule),
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full'
}
]
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full'
}

选项卡5.路由模块

{
path: '',
component : Tab5Page,
children : [
{
path : 'carts',
loadChildren : () => import('../carts/carts.module').then(m => m.CartsPageModule)
},
{
path : '',
redirectTo : '/tab5/carts',
pathMatch : 'full'
}
]
},
{
path : '',
redirectTo : '/tab5/carts',
pathMatch : 'full'
}

Answer 1

您可以删除 Tabs5Page 并直接在选项卡 5 的路由中加载 CartsPage 吗？

{
path: 'tabs',
component: TabbarPage,
children : [
{
path: 'tab1',
loadChildren: () => import('../tab1/tab1.module').then( m => m.Tab1PageModule)
},
{
path: 'tab2',
loadChildren: () => import('../tab2/tab2.module').then( m => m.Tab2PageModule)
},
{
path: 'tab3',
loadChildren: () => import('../tab3/tab3.module').then( m => m.Tab3PageModule)
},
{
path: 'tab4',
loadChildren: () => import('../tab4/tab4.module').then( m => m.Tab4PageModule)
},
{
path: 'tab5',
loadChildren : () => import('../carts/carts.module').then(m => m.CartsPageModule)
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full'
}
]
},
{
path: '',
redirectTo: '/tabs/tab1',
pathMatch: 'full'
}