Question

离开页面后，是否可以缓存未完成的表单？当我转到表单时，突然尝试在每个输入字段上放置一些数据，当我离开该页面时，输入字段将被清除。

我使用navCtrl.push转到要创建 POST 的页面。

我还使用了 Angular表单的formBuilder来构建我的表单模型。

我该怎么做？

感谢有人能帮忙。

Answer 1

我已经通过在提供程序中创建函数来检查并循环遍历formBuilder对象，从而解决了该问题。如果一个字段具有现有值，则用户要离开时将弹出警报控制器。如果没有，它将继续离开页面。

这是下面的代码：

在您的页面

中

async ionViewCanLeave() {
    const formObj = this.form.value
    if (!this.done) await this.alertMsg.allowUserToLeaveForm(formObj)
  }

在提供者

中

allowUserToLeaveForm(formObject) {
    const lengthChecker = formObject
    const vals = Object.keys(lengthChecker).map((key) => lengthChecker[key].length)
    const checkArr = vals.some(field => field > 0)
    if (checkArr) {
      return new Promise((resolve, reject) => {
        const confirm = this.alertCtrl.create({
          subTitle: 'Are you sure you want to leave the page?',
          title: 'Your changes will not be saved',
          enableBackdropDismiss: false,
          buttons: [
            {
              text: 'No',
              handler: () => {
                reject();
              }
            },
            {
              text: 'Yes',
              handler: () => {
                resolve();
              }
            }
          ]
        });
        confirm.present();
      });
    }
  }

Ionic 3如何在离开页面时缓存未完成的表单输入

1 个答案: