javascript - Ionic 2+，iOS 仅发布 : resetting plugins due to page load

Question

我的 ionic 3 应用程序有一个非常奇怪的问题。我正在向应用程序添加一项功能，该功能涉及使用 Angular 2+ 表单和验证器的多步输入过程。在网络、Android 和旧版 iOS 设备 (iOS 9) 上一切正常。在 iOS 10 上，我在提交第一个表单步骤后得到以下信息:

Resetting plugins due to page load

然后应用重新启动。主要触发点似乎是在隐藏第一个表单并显示第二个表单的第一步之后设置一个 bool 值。注释掉这一行可以防止这个问题。

我可以做些什么来找到有关为什么仅在 iOS 10 中抛出此错误的更多信息？例如，额外的日志记录？

HTML

<ion-card>
    <ion-card-header>
        <ion-icon name="person-add"></ion-icon> Sign Up!
    </ion-card-header>

    <!--Step 1 - confirm user-->
    <ion-list no-lines *ngIf="!hasConfirmedStep1">
      <form [formGroup]="formStepOne">

       <...SNIP...>

        <ion-item>
          <button ion-button icon-right float-right small (click)="checkUser()" [disabled]="!formStepOne.valid">
            Next
            <ion-icon name="arrow-round-forward"></ion-icon>      
          </button>
        </ion-item>
      </form>
    </ion-list>

    <!--Step 2...Create Account-->
    <ion-list no-lines *ngIf="hasConfirmedStep1 && !hasConfirmedStep2">
      <form [formGroup]="formStepTwo">


        <!--Email/Confirm email-->
        <div formGroupName="validEmail">

        <...SNIP...>

        </div>
        <ion-item>
          <button ion-button icon-right float-right small (click)="createUser()" [disabled]="!formStepTwo.valid">
            Next
            <ion-icon name="arrow-round-forward"></ion-icon>      
          </button>
        </ion-item>
      </form>

    </ion-list>
</ion-card>

TS

async checkUser() {

    this.hasSubmittedStep1 = true;
    this.errorMessage = this.successMessage = "";

    if (!this.formStepOne.valid) {
      this.loggingService.debug("Invalid signup form for Check User");
      this.errorMessage = "Please enter valid input.";
    }
    else {
      this.loggingService.debug("Valid signup form for Check User.  Checking info...");

      //Confirm User


      this.successMessage = 'Confirmed!  Please Create Account.';
      this.hasConfirmedStep1 = true;
    }
  }

Answer 1

我不确定为什么，但在 iOS 10 上，问题似乎是隐藏了 HTML [formGroup]标签。此页面构造函数使用 formBuilder.group()为这些表单实例化对象。也许 iOS 10 上的某些东西期望有与这些相关联的 HTML 表单？

我的解决方法是简单地重新构造页面，以便 <form>标签总是显示，但在其中我有一个 <div>我把 *ngIf显示/隐藏内部视觉元素。奇怪，但似乎有效。