Question

我有一个带有选项卡组件的项目，在我想在选项卡内实现导航之前，它的运行状况良好。例如，我的“团队”选项卡包含2个子选项卡/部分/页面“战术”和“信息”，如果我在“战术”选项卡上，则单击此按钮：

<ion-button routerLink="/tabs/team/information">INFO</ion-button>

它会以动画导航到该页面。有什么方法可以禁用该动画吗？还是只是因为我的代码中的某些地方有问题而发生了？

我的tabs.router.module.ts的一部分：

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'team',
        children: [
          {
            path: 'tactics',
            children: [{
              path: '',
              loadChildren: () =>
              import('../team-tactics/team-tactics.module').then(m => m.TeamTacticsPageModule)
            },
            ]
          },
          {
            path: 'information',
            children: [{
              path: '',
              loadChildren: () =>
              import('../team-information/team-information.module').then(m => m.TeamInformationPageModule)
            }]

Answer 1

我认为您可以使用routerDirection。

In this article讨论了如何使用root制作一个看起来像是替换整个视图的动画，听起来基本上没有动画：

 <ion-button expand="block" routerLink="/dashboard" routerDirection="root">
   Login
 </ion-button>

我们添加了一个具有两个重要属性的阻止按钮：routerLink：   应该打开的链接/路径routerDirection：确定   页面更改时发生的动画

登录后，您最肯定要放弃初始页面，然后   从内部区域重新开始。在那里面   在这种情况下，我们可以使用“根”方向，这看起来像是替换了   整个视图。

如果要向前或向后动画，则可以使用向前/向后动画   代替。

如何禁用导航动画？

1 个答案: