Question

我在离子2中使用modalController创建了一个模态。

import { ModalController, NavParams } from 'ionic-angular'; 问题是它只能从背景或模态控制器内部解除，如

this.viewCtrl.dismiss(data);

我想程序性地从正在使用它的组件中解除模态。

Answer 1

您可以使用共享服务，其中包含打开和关闭模式的方法。然后从您喜欢的组件中调用这些方法。例如服务：

modal: any;

constructor(private modalCtrl: ModalController) { }

createModal() {
  this.modal = this.modalCtrl.create(ModalComponent);
  this.modal.present();
}

closeModal() {
  this.modal.dismiss();
}

然后将此服务注入您选择的组件并调用方法。

这是一个样本，模态立即打开，3秒后关闭：

从打字稿成分中解除离子2模态

1 个答案:

StackBlitz