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

Question

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

有人可以指出我正确的地方吗？

Answer 1

要仅 禁用 page 过渡动画，而将其余动画保留下来，则将animated="false"添加到<ion-router-outlet>：

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

Answer 2

对于只想控制指定页面的用户，可以使用Ionic4的NavController，将{ animated: false, }用作NavigationOptions。

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

constructor(public navCtrl: NavController,) {}


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

Answer 3

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

即。在app.module.ts中，执行以下

IonicModule.forRoot({animated: false});