在Ionic中从模式页面导航到主页的问题

时间:2018-06-21 02:11:10

标签: ionic3

我是离子新手。我有一个包含三个离子段的主页。每个细分都有两个div。在第一段中,我们有两个div,其中第一个div是一个列表,在单击列表元素时,将打开第二个div(单击的列表元素的详细信息页面)。

在第二个div中,我有一个按钮。单击该按钮后,应打开一个模式列表,其中包含项目列表,您必须从列表中选择一个项目,然后将项目名称和项目ID发送到我主页的第二个div。

我面临的问题是,当我进入页面时,我已将列表div设置为默认页面,因此当我从模式页面导航回主页而不是加载第二个div时,我的第一个div正在加载,但我无法从模态中获取商品名称和商品ID。

请帮助我解决此问题?

1 个答案:

答案 0 :(得分:0)

模式关闭时创建一个处理程序。

创建模态时,

goOnModal(){
    let modal = this.modalCtrl.create(YourModal);
    modal.onDidDismiss(data => {
        console.log(data); //just a checker

        // store in a variable
        this.dataFromModal = data;
    });
    modal.present();
}

在模态组件上,调用dismiss()以关闭模态并返回主页

dismiss(){
    this.viewCtrl.dismiss(
        // your data that will be returned
    );
}