Ionic 5电子邮件反应式表单验证

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

emailForm: FormGroup;

constructor(private formBuilder: FormBuilder) {
  this.emailForm = this.formBuilder.group({
    email: ['', [Validators.required, Validators.email]]
  });
}

<form [formGroup]="emailForm">
  <ion-item>
    <ion-label>Email</ion-label>
    <ion-input formControlName="email" type="email"></ion-input>
  </ion-item>
  <ion-button expand="full" (click)="submitForm()">Submit</ion-button>
</form>

submitForm() {
  if (this.emailForm.valid) {
    // 执行提交操作
  } else {
    // 表单验证失败，显示错误信息
  }
}