如何隐藏内页的离子选项卡?

时间:2019-05-13 12:33:20

标签: angular7 ionic4 angular7-router

我正在使用离子7和角度7。我正在尝试利用ion-tabs 我想知道如何隐藏内部路线或页面的标签栏。

在Google上搜索后,我发现ionic 3中有一种方法可以在引导过程中在配置中添加属性“ tabsHideOnSubPages:true”,但我无法在ionic 4中找到它。

const routes: Routes = [
  {
    path: 'tabs',
    component: tabsPage,
    children: [
      {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
      },
      {
        path: 'tab1',
        children: [
          {
            path: '',
            component: Tab1Page
          },
          { // want to hide tab bar for this particular route.
            path: ':tabDetailId', 
            component: Tab1DetailPage
          } 
        ]
      },
      {
        path: 'tab2',
        children: [
          {
            path: '',
            component: Tab2Page
          }
        ]
      }
    ]
  }
];

我想隐藏内页上的标签栏,例如“ domain / tabs / tab1 / 1”

1 个答案:

答案 0 :(得分:0)

尝试替换这个:

{ // 想要隐藏此特定路由的标签栏。 路径:':tabDetailId', 组件:Tab1DetailPage }

到“app-routing.module.ts”它对我有用