从打字稿组件中消除离子 2 模态

Question

我在ionic 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 秒后关闭：

堆栈闪电战