1. 程式人生 > >【Ionic3】關閉新增頁面,跳轉到列表後重新整理(回顯)

【Ionic3】關閉新增頁面,跳轉到列表後重新整理(回顯)

一、問題描述

看了好多帖子要麼沒講到重點,要麼都是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(); }