提交后的Ionic 4重置表单重定向返回错误未清除

import { FormBuilder, FormGroup, Validators } from '@angular/forms';

// 创建表单
this.formGroup = this.formBuilder.group({
  // 表单控件
  email: ['', [Validators.required, Validators.email]],
  password: ['', Validators.required]
});

// 重置表单并清除错误状态
resetForm() {
  this.formGroup.clearValidators();
  this.formGroup.updateValueAndValidity();
  this.formGroup.reset();
}

<!-- 模板 -->
<ion-item>
  <ion-label>Email</ion-label>
  <ion-input formControlName="email"></ion-input>
</ion-item>
<ion-error *ngIf="formGroup.get('email').hasError('required') && formGroup.get('email').touched">
  Email is required
</ion-error>
<ion-error *ngIf="formGroup.get('email').hasError('email') && formGroup.get('email').touched">
  Invalid email format
</ion-error>

import { Router } from '@angular/router';

constructor(private router: Router) {}

// 表单提交
submitForm() {
  if (this.formGroup.valid) {
    // 表单有效，进行重定向
    this.router.navigate(['/success']);
  } else {
    // 表单无效，重置表单
    this.resetForm();
  }
}