Angular Ionic 应用程序中具有不同路线的完全两个不同的选项卡

我试图在 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 中是否可以有两个完全不同的选项卡?如果是,如果您能帮助我进行路由或任何非常感谢的提示,我将不胜感激。

enjie007 回答:Angular Ionic 应用程序中具有不同路线的完全两个不同的选项卡

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/6126.html

大家都在问