在Ionic 4中从一个选项卡移动到另一个选项卡时如何清除嵌套的子路线

时间:2019-05-16 06:30:26

标签: angular ionic-framework routing ionic4

我在Ionic 4应用程序中工作,并且具有针对特定选项卡的子路径。

我正在尝试,当用户从tab1的子路径移动到tab2时,当用户来到tab1时,它应该打开tab1页面而不是tab1的子路径。

这是 tabs.router.module.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'tab1',
        children: [
          {
            path: '',
            loadChildren: '../tab1/tab1.module#Tab1PageModule'
          },
          {
            path: 'eventdetails',
            loadChildren: '../eventdetails/eventdetails.module#EventdetailsPageModule'
          },
          {
            path: 'progresspage',
            loadChildren: '../myprogress/myprogress.module#MyprogressPageModule'
          }
        ]
      },
     ]
    },
    {
    path: '',
    redirectTo: '/tabs/tab1',
    pathMatch: 'full'
   }
  ];      

当我从任何选项卡的子路径移至另一个选项卡时,当我移至该选项卡时,它将打开从我移至另一个选项卡的子路径。

我希望当用户从任何选项卡的子路径移动到另一个选项卡并返回该选项卡时,它应该打开该选项卡而不是子选项卡。

就像用户从tab1> progresspage移到tab2并单击tab1一样,它应该打开tab1页面而不是进度页面。

非常感谢您的帮助。

0 个答案:

没有答案