我试图在 Angular Ionic 应用程序上获得两个完全不同的选项卡菜单。我的应用底部已经有标签。
第一个菜单标签
仪表板 - 搜索 - 收件箱 - 个人资料
我需要创建第二个菜单标签:
仪表板 - 游戏 - 聊天 - 联系
我希望在两种情况下都使用相同的仪表板。
在我的标签路由模块中:
'<html><head></head><body></body></html>'
标签 html 页面
const routes: Routes = [
{
path: 'tabs',component: TabsPage,children: [
{
path: 'tabs',loadChildren: () => import('../tabs/tabs.module').then( m => m.TabsPageModule)
},{
path: 'dashboard',loadChildren: () => import('../dashboard/dashboard.module').then(m => m.DashboardPageModule)
},{
path: 'search',loadChildren: () => import('../search/search.module').then(m => m.SearchPageModule)
},{
path: 'inbox',loadChildren: () => import('../inbox/inbox.module').then(m => m.InboxPageModule)
},{
path: 'profile',loadChildren: () => import('../profile/profile.module').then(m => m.ContactPageModule)
},{
path: '',redirectTo: '/tabs/about',pathMatch: 'full'
}
]
},{
path: '',pathMatch: 'full'
}
];
我很难为第二种类型的选项卡定义路由。
Angular 中是否可以有两个完全不同的选项卡?如果是,如果您能帮助我进行路由或任何非常感谢的提示,我将不胜感激。