即使按下 cancel() 按钮,Ionic 2 onDidDismiss() 也会保存

2024-02-23

我的 Ionic 2 应用程序出现问题。到目前为止,我已经构建了一个项目列表页面,其中的每个项目都导航到详细信息页面。在详细信息页面,您可以编辑并选择保存或取消任何更改。保存效果很好。

问题是onDidDismiss()即使关闭函数不/不应该将数据传递回详细信息页面,函数也会保存数据。这是相关代码。

详情.ts

openModal() {
  let data = this.user;
  let editDetailsModal = this.modalCtrl.create(EditDetailsModal, data);

  editDetailsModal.onDidDismiss((data) => {
    if (data) {
      // this.saveItem(data);
      console.log("Data =>", data)
    }
    //console.log("Data =>", data)
  });
  editDetailsModal.present();

}

saveItem(data) {
  this.user.push(data);
}

编辑详细信息MODAL.ts

saveModal() {
  let data = this.user;
  this.viewCtrl.dismiss(data);
  //console.log(this.user)
}

close() {
  this.viewCtrl.dismiss();
}

EditDetailsModal 页面有一个表单来编辑传递给它的数据。我确信我错过了一些简单的事情。即使在调用外部保存函数时,它也会让应用程序变得一团糟。如果这还不够,我很乐意做一个 plunkr。

离子信息

Cordova CLI: 6.4.0 
Ionic Framework Version: 3.0.1
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.3.0
ios-deploy version: 1.9.1 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v6.9.5
Xcode version: Xcode 8.3.1 Build version 8E1000a

None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

即使按下 cancel() 按钮,Ionic 2 onDidDismiss() 也会保存 的相关文章