как убрать переход страницы в ionic 4 только для веб-версии? - PullRequest
1 голос
/ 11 ноября 2019

У меня есть приложение angular+ionic 4. Я занимаюсь разработкой для Android, iOS и Web. Теперь, когда я перехожу с одной страницы на другую, переход по умолчанию идеально подходит как для Android, так и для iOS, но когда я запускаю это в браузере без выбора какого-либо устройства (я имею в виду без отзывчивости, обычно открываю URL в новой вкладке). Он показывает эффект перехода страницы так же, как в Android.

Я хочу удалить эффект перехода страницы только из Интернета.

Ответы [ 2 ]

1 голос
/ 11 ноября 2019

Я не проверял это, но как насчет использования Config api для установки его на ноль?

Вы можете использовать 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);
    }
  }
}

Я только что написал это, посмотрев на фрагменты кода, поэтому я не знаю, сработает ли для navAnimation значение null.

Кроме того, в зависимости от структуры вашего приложения и способа загрузки, вы, вероятно, могли бы поэкспериментировать с перемещением этого в службу или службу маршрутизации, чтобы убедиться, что она запускается в нужное время, независимо от того, как вы входите в приложение?

0 голосов
/ 12 ноября 2019

Да выше ответ работает почти. но как я хочу для рабочего стола, так что

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