ionic-framework - 如何在所有页面上显示 Ionic Tabs？

Question

我目前正在使用 Ionic 4 开发一个移动应用程序。我使用 Ionic CLI 构建它，但我做了一个空白项目。我创建了一些组件(例如登录、注册...)，然后添加了 Ionic 中的选项卡。

我的问题是，Ionic 选项卡仅出现在 tabs.router.module.ts 中的页面上。如何在所有页面上显示选项卡？

除了它们之外，每个组件都在 app-routing.module.ts 中，我尝试将它们剪切并粘贴到 tabs.router.module.ts 中，但我不确定这是一件好事。

tabs.routes.module.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            loadChildren: '../home-page/tab1.module#HomePageModule'
          }
        ]
      },
      {
        path: 'game/new',
        children: [
          {
            path: '',
            loadChildren: '../game/create-game-page/tab2.module#CreateGamePageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/home',
    pathMatch: 'full'
  }
];

目前我的标签可以工作，但我不确定它们是如何完美工作的。感谢您的帮助。

Answer 1

将您的路线作为子级添加到选项卡路由器文件中的选项卡将使您实现目标。