Ionic 2 - 从模式中获取数据 [英] Ionic 2 - Get data back from modal
本文介绍了Ionic 2 - 从模式中获取数据的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个组件,它是我的主界面.在这个组件中,点击一个按钮会打开允许选择项目的 ionic 2 modal.
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屋!
查看全文