【Ionic3】关闭新增页面,跳转到列表后刷新(回显)

来源:互联网 发布:linux socket bind 编辑:程序博客网 时间:2024/06/06 20:23

一、问题描述

看了好多帖子要么没讲到重点,要么都是ionic1,ionic2的东西;
需求:从列表页面,到达新增页面,创建新增的对象,关闭新增页面后,刷新列表记录;

二、解决办法

    //跳转到请假添加页面    gotoLeaveAddPage() {                let modal = this.modalCtrl.create('LeaveAddComponent',{                    leave:this.leave                });                modal.onDidDismiss(data => {                //核心功能,在这里刷新,即重新查一遍即可                });                modal.present();    }

这里核心的部分是modal里面的onDidDismiss()方法;
这里写图片描述

这个方法表示,当我们新建的模态框被关闭的时候,会跳到这个页面里来,接下来,我们在这个方法里面从新查一遍列表即可;

    gotoLeaveAddPage() {                let modal = this.modalCtrl.create('LeaveAddComponent',{                    leave:this.leave                });                //将查询列表的语句写在onDidDismiss()方法里即可;                modal.onDidDismiss(data => {                    this.leaveService.getLeaveListsTodo(1)                        .subscribe(result => {                                this.leaveListTodo = result;                                this.toastCtrl.create({                                    message: '数据刷新成功',                                    duration: 1000                                }).present();                            },                            (e) => {                                console.log(e, '初始化错误 error');                            });                });                modal.present();    }

欢迎关注我的公众号:
【幕桥社区】
这里写图片描述

阅读全文
1 0