Ionic 2 - 从模态中获取数据 [英] Ionic 2 - Get data back from modal

问题描述

我有一个组件，这是我的主要界面。在此组件内，单击按钮可打开离子2模态，允许选择项目。

I have a component which is my main interface. Inside this component, clicking a button opens ionic 2 modal which allows to choose items.

我的模态页面（itemsPage）：

My modal page (itemsPage):

..list of items here

    <button ion-button [disabled]="!MY_TURN || !selectedItem || !selectedItem.quantity"
       (click)="useItem(selectedItem)">
        <span>Choose item {{selectedItem?.name}}</span>
      </button>

useItem（）应该：

• 将项目数据发送到我的主界面组件


• 关闭模式


• 在我的主界面中执行方法

我如何执行此类操作？找不到关于Ionic 2中模态和组件之间进行通信的任何文档。

How I can perform such actions? Couldn't find any documentation about communicating between modal and component in Ionic 2.

推荐答案

这只是在使用参数的问题 viewController 。

It is simply a matter of using parameters in viewController.

在主界面组件中，

let chooseModal = this.modalCtrl.create(itemsPage);
  chooseModal.onDidDismiss(data => {
     console.log(data);
});
chooseModal.present();

在您的模态页面中，

useItem(item) {   
  this.viewCtrl.dismiss(item);
}

模态控制器链接这里

这篇关于Ionic 2 - 从模态中获取数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！