如何使用Angular将电子邮件验证数据传递到MySQL服务器

Question

我可以用SpringBoot和MySQL Server制作一个CRUD应用程序，但它没有电子邮件验证，所以我可以在员工组件中使用它发送任何类型的文本.html

<div class="form-group">
<label>
Last Name </label>
<input type="email" class="form-control" id="emailId" required [(ngModel)]="employee.emailId" name="emailId">
</div>

然而，现在我已经包含了验证，我不得不在这个代码中为formControlName切换ngModel

<form [formGroup]="loginForm">
<div class="form-group">
<label>
Email Id </label>
<input type="email" class="form-control" id="email" required formControlName="email" name="email">
<form [formGroup]="loginForm">
<div class="invalid" *ngIf="loginForm.controls['email']?.invalid && (loginForm.controls['email'].dirty || loginForm.controls['email'].touched)">
<div class="font-style8" *ngIf="loginForm.controls['email'].errors?.['required']">
This field is required.
</div>
<div class="font-style8" *ngIf="loginForm.controls['email'].errors?.['email']">
Please enter an email in this field.
</div>
</div>
</form>
</div>
</form>

它在打字脚本文件中附带了这个

ngOnInit(): void {
this.loginForm=this.fb.group({
email:['',[Validators.required, Validators.email]]

})
}

因此，我试图找出如何使用函数将电子邮件数据传输到Employee.emailId。在寻找方法时，我遇到了setValue，但不确定如何实现它，如果这是最好的方法的话。

Answer 1

FormControl是验证输入值的最佳方式。为什么使用2表格组？有1就足够了。您可以订阅控制值的更改，为此您需要编写：

this.loginForm.get('email').valueChanges (changes => {...Your function})

只有当您需要"中的值时；实时"；，如果你不这样做，你可以使用

Employee.emailId = this.loginForm.get('email').value when u need it.