ionic3 進子頁面修改資料,帶參返回父頁面的兩種方法
1、 使用 Modal 代替 NavController 的 push 方法,然後在子頁面通過 dismiss 方法關閉時可帶引數返回母頁面。
在母頁面中:
getDetailNews(id) {
let newsModal = this.modalCtrl.create(NewsDetailPage, { newsId: id });
newsModal.onDidDismiss(data => {
console.log(data);
});
newsModal.present();
}
然後在子頁面 NewsDetailPage 中註冊 dismiss 方法:
dismiss() {
let data = { 'msg': '閱讀完畢' };
this.viewCtrl.dismiss(data);
}
此時返回的 data 就會在母頁面中被觸發的 onDidDismiss 方法所獲取。
2、使用 Promise。
在母頁面使用 Promise 開啟子頁面,在子頁面通過 resolve 攜帶引數返回。
例如我在個人中心中要修改暱稱:
openNicknamePage() {
let callback = (params) => {
return new Promise((resolve, reject) => {
if (params) {
this.coin.next(params.coin);
}
resolve();
});
}
this.navCtrl.push('CoinsPage', { coin: this.coin.value, callback: callback });
}
子頁面:首先獲取從母頁面傳過來的 resolve 物件:this.resolve = navParams.get('resolve');
然後在伺服器返回修改成功的訊號後呼叫 resolve 方法即可:
this.coin = this.navParams.get('coin');
this.callback = this.navParams.get("callback")
checked() {
let params = {
coin: this.coin
}
this.callback(params).then(() => {
this.navCtrl.pop();
});
}
相關文章
- router-view子頁面呼叫父頁面方法更新父頁面引數View
- 024.Vue3入門,父頁面給子頁面傳遞多種資料Vue
- layui 子彈窗獲取父頁面的引數傳參UI
- js-關於iframe:從子頁面給父頁面的控制元件賦值方法JS控制元件賦值
- 026.Vue3入門,父頁面給子頁面傳遞資料,在子頁面不能修改,只能改自己的data內容Vue
- 023.Vue3入門,父頁面給子頁面傳遞資料Vue
- JavaScript子頁面和父頁面相互訪問JavaScript
- 小程式頁面返回重新整理資料onLoad和onShow頁面傳參解決
- 基於Html對父頁面開啟子頁面Dialog()的使用HTML
- Python 爬取網頁資料的兩種方法Python網頁
- Vue 頁面狀態保持頁面間資料傳輸的一種方法Vue
- Flutter 從當前頁面進入一個新的頁面並返回Flutter
- js進入詳情頁再返回到上一個列表頁面時怎麼能讓原來頁面資料不變JS
- uni.navigateBack 返回上一頁面帶引數
- 給你的頁面帶上側滑返回——SlideBackIDE
- 成品直播原始碼,html頁面點選按鈕實現頁面跳轉的兩種方法原始碼HTML
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- vue返回上一頁面如果沒有上一頁面返回首頁Vue
- Nancy .Net 輕量級mvc框架使用(4)返回資料到頁面的幾種方式NaNMVC框架
- VUE 單頁面應用 修改頁面titleVue
- 048、Vue3+TypeScript基礎,基本的子頁面和父頁面相互通訊VueTypeScript
- IIS設定404頁面返回200碼和404頁面亂碼解決方法
- vue2.0子元件修改父元件資料Vue元件
- 頁面跳轉的幾種方法
- 修改資料檔案的位置的兩種方法
- 如何對php網站頁面進行修改PHP網站
- 社群 - 所有節點,進入節點頁面返回中間頁顯示蒙層
- Godot 關於頁面修改Go
- js 進入頁面載入的方法JS
- MVC 檢視不使用模板頁的兩種方法MVC
- Vue利用History記錄上一頁面的資料方法例項Vue
- 三種好用的controller跳轉thmleaf頁面的方法總結!!Controller
- vue專案重新整理當前頁面的三種方法Vue
- Spring統一返回Json工具類,帶分頁資訊SpringJSON
- vue傳參頁面重新整理資料丟失問題Vue
- uni app頁面傳參decodeURIComponentAPP
- Win10系統修改火狐瀏覽器啟動頁面的方法Win10瀏覽器
- vue裡面父元件如何修改子元件樣式Vue元件
- vue從其他頁面返回保持上一頁的狀態Vue