在Angular 7中,可以使用响应式表单来验证电子邮件。以下是一个示例解决方法:
下面是一个完整的示例代码:
app.component.html:
app.component.ts:
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  myForm: FormGroup;
  ngOnInit() {
    this.myForm = new FormGroup({
      email: new FormControl('', [Validators.required, Validators.email])
    });
  }
  onSubmit() {
    if (this.myForm.controls.email.valid) {
      // 执行其他操作,比如发送电子邮件
      console.log('Email is valid');
    } else {
      // 显示错误消息
      console.log('Email is invalid');
    }
  }
}
在这个示例中,我们使用Validators.required和Validators.email来验证电子邮件输入框。Validators.required用于验证输入框是否为空,Validators.email用于验证输入框中的内容是否是一个有效的电子邮件地址。
希望这个示例能帮助你解决问题!