如何仅在 ionic 4 中删除网页版的页面转换？

Question

我有一个angular+ionic 4 应用程序。我正在为 Android、iOS 和 Web 开发。现在，当我从一个页面转到另一个页面时，默认页面转换对于 Android 和 iOS 来说都是完美的，但是当我在浏览器中运行它而不选择任何设备时，（我的意思是没有响应，通常在新选项卡中打开 url）。它显示了与Android相同的页面转换效果。

我只想从网络上移除页面过渡效果。

Answer 1

我没有对此进行测试，但是使用 Config api 将其设置为 null 怎么样？

您可以在启动时使用forRoot({}) 传递设置，但正如链接的问题所示，platform 代码在那里不可用。

相反，让它正常启动，然后在应用程序的ngOnInit 中您可以执行以下操作：

import { Component, OnInit } from '@angular/core';
import { Config } from '@ionic/angular';
@Component({...})
export class HomePage implements OnInit {
  constructor(private platform: Platform, private config: Config) {
  }

  ngOnInit() {
    if(this.platform.is("desktop")) {
      // disable the nav animations:
      this.config.set('navAnimation', null);
      // or disable all animations
      this.config.set('animated', false);
    }
  }
}

我刚刚通过查看代码 sn-ps 编写了这个，所以我不知道将 navAnimation 设置为 null 是否有效。

另外，根据您应用的结构和加载方式，您可以尝试将其移至服务或路由守卫中，以确保无论您如何进入应用，它都能在正确的时间运行？

Answer 2

是的，上面的答案几乎可以工作。但正如我想要的桌面一样，所以

  ngOnInit() {
    if(this.platform.is("desktop")) {
      this.config.set('navAnimation', null);
      this.config.set('animated', false);
    }
  }