ionic2 从子页面返回带参数的两种方法

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() {
  new Promise((resolve, reject) => {
    this.navCtrl.push(NicknamePage, { resolve: resolve });
  }).then(() => {
    // 若修改成功返回则在该代码块中将本页的 nickname 修改
  });
}

子页面：首先获取从母页面传过来的 resolve 对象：this.resolve = navParams.get('resolve');

然后在服务器返回修改成功的信号后调用 resolve 方法即可：

this.httpService.put('/user/nickname', body).then(data => {
  this.toastService.presentToast("修改成功");
  this.resolve(); // 可在 resolve 中添加返回的数据，如 this.resolve(data);
  this.navCtrl.pop();
});