ionic 5 标签将标签重定向到特定页面

Question

我的应用程序中有 5 个选项卡。我想从中自动将第 5 个选项卡重定向到应用程序中的页面。即当用户点击 tab5 时，他应该被重定向到名为 carts

的页面

我在第 5 个选项卡的子路径中添加了购物车页面并尝试重定向。但什么也没有发生。第 5 个选项卡未重定向到购物车页面

这是代码

app.routing.module

{
    path: '',
    loadChildren: () => import('./pages/tabbar/tabbar.module').then( m => m.TabbarPageModule)
  },

tabbar.routing.module

{
    path: 'tabs',
    component: TabbarPage,
    children : [
      {
        path: 'tab1',
        loadChildren: () => import('../tab1/tab1.module').then( m => m.Tab1PageModule)
      },
      {
        path: 'tab2',
        loadChildren: () => import('../tab2/tab2.module').then( m => m.Tab2PageModule)
      },

      {
        path: 'tab3',
        loadChildren: () => import('../tab3/tab3.module').then( m => m.Tab3PageModule)
      },

      {
        path: 'tab4',
        loadChildren: () => import('../tab4/tab4.module').then( m => m.Tab4PageModule)
      },

      {
        path: 'tab5',
        loadChildren: () => import('../tab5/tab5.module').then( m => m.Tab5PageModule),
      },

      {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/tab1',
    pathMatch: 'full'
  }

tab5.routing.module

{
    path: '',
    component : Tab5Page,
    children : [

      {
        path : 'carts',
        loadChildren : () => import('../carts/carts.module').then(m => m.CartsPageModule)
      },

      {
        path : '',
        redirectTo : '/tab5/carts',
        pathMatch : 'full'
      }
    ]
  },

  {
    path : '',
    redirectTo : '/tab5/carts',
    pathMatch : 'full'
  }

Answer 1

你能不能只删除 Tabs5Page 并直接在选项卡 5 的路由中加载 CartsPage？

{
    path: 'tabs',
    component: TabbarPage,
    children : [
      {
        path: 'tab1',
        loadChildren: () => import('../tab1/tab1.module').then( m => m.Tab1PageModule)
      },
      {
        path: 'tab2',
        loadChildren: () => import('../tab2/tab2.module').then( m => m.Tab2PageModule)
      },

      {
        path: 'tab3',
        loadChildren: () => import('../tab3/tab3.module').then( m => m.Tab3PageModule)
      },

      {
        path: 'tab4',
        loadChildren: () => import('../tab4/tab4.module').then( m => m.Tab4PageModule)
      },

      {
        path: 'tab5',
        loadChildren : () => import('../carts/carts.module').then(m => m.CartsPageModule)
      },

      {
        path: '',
        redirectTo: '/tabs/tab1',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/tab1',
    pathMatch: 'full'
  }

ionic 5 标签将标签重定向到特定页面

ionic 5 tabs redirect a tab to specific page

ionic-framework

ionic4

ionic5