angular7 - 如何隐藏内页的离子标签？

Question

我正在使用 ionic 4 和 angular 7。我正在尝试利用ion-tabs 我想知道如何隐藏内部路由或页面的标签栏。

在谷歌上搜索后，我发现 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”

标签： angular7ionic4angular7-router

Answer 1

尝试替换它：

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

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