一、问题描述
看了好多帖子要么没讲到重点,要么都是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();
}
欢迎关注我的公众号:
【幕桥社区】