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

Question

我正在使用 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 页面而不是 progresspage 页面。

任何帮助深表感谢。

标签： angularionic-frameworkroutingionic4