javascript - 将数据从 ionic popover/modal 传回调用页面

Question

假设用户在弹出窗口/模式页面上以小形式(几个单选按钮)提供详细信息，我需要一种简单的方法将该数据传回调用弹出窗口/模式的页面。我知道 dismiss 方法存在并且可以进一步使用 onDidDismiss 函数。

如何实现不自动关闭ionic popover？ (更改应在单击适当的选项后立即出现)

除了 dismiss 方法之外，我们是否有任何简单的替代方法来将数据传递到调用页面？

Answer 1

您可以使用调用者页面作为模式的参数。然后从第一页调用公共(public)方法。这是示例:

export class HomePage {

  public showNumber: number;

  constructor(public navCtrl: NavController,
              public modalController: ModalController) {
    this.showNumber = 0;
  }

  public testModal(): void {
    let modal = this.modalController.create(Modal, {homePage:this});
    modal.present();
  }

  public increaseShowNumber() {
    this.showNumber += 1;
  }
}

@Component({
  selector: 'page-modal',
  template: '<button (click)="increaseCallerNumber()">Increase</button> '
})
export class Modal {
  private homePage:HomePage;
  public constructor(params: NavParams) {
    this.homePage = params.get('homePage');
  }

  public increaseCallerNumber():void{
    this.homePage.increaseShowNumber();
  }
}