Ionic 4 Angular - Как самостоятельно распустить модал

Question

В Ionic 3 отклонение модального режима было довольно простым:

constructor(viewCtrl: ViewController) {
    this.viewCtrl.dismiss()
}

В Ionic 4 я не могу импортировать ViewController (или, если быть точным, моя IDE пытается импортировать тип ViewController).

Мне было интересно, каков новый подход к отклонению модала.

Answer 1

документация по ionic v4 здесь, похоже, отсутствует, но я считаю, что правильный способ доступа к dismiss из модального режима:

import { Components } from '@ionic/core';

@Component({
  selector: 'app-some-modal',
  templateUrl: 'some-modal.component.html',
  styleUrls: ['some-modal.component.scss']
})
export class SomeModalComponent {
  // modal is available here where created with:
  // modalController.create({ component: SomeModalComponent})
  @Input() modal: Components.IonModal;

  onCancel = () =>
    this.modal.dismiss('cancel');
}

, тогда как modal на самом деле имеет тип HTMLIonModalElement IЯ использую Components.IonModal, поскольку HTMLIonModalElement должен быть глобальным, но по какой-то причине он невидим для WebStorm / IntelliJ.

Answer 2

Согласно документации, похоже, что dismiss метод переместился на ModalController .

Итак, чтобы отклонить модал, мне нужно сделать:

constructor(modalCtrl: ModalController) {
  modalCtrl.dismiss();
}

Как иронично, что я нахожу свой ответ ПОСЛЕ того, как я отправил вопрос.