如何在 Ionic 4 / Angular 中禁用页面过渡动画？

Question

我正在使用“routerLink”导航到一个新页面，我想知道如何禁用页面转换动画？我在文档或这里找不到这个简单问题的答案（我只找到了旧版本的 Ionic/Angular 的答案）。

有人可以指出我正确的位置吗？

Answer 1

参数已从“动画”更改为“动画”。

IE。在 app.module.ts 中，执行以下操作

IonicModule.forRoot({animated: false});

Answer 2

要仅禁用页面过渡动画，而将其余动画单独保留，请添加animated="false"到<ion-router-outlet>：

<ion-router-outlet id="main-content" animated="false"></ion-router-outlet>

Answer 3

对于只想控制指定页面的人，您可以使用NavControllerIonic4{ animated: false }作为 NavigationOptions。

import { NavController } from '@ionic/angular';

constructor(public navCtrl: NavController,) {}

this.navCtrl.navigateForward(path, { animated: false });