Angular 为什么反应式form Validator.email不适用于;此.form.invalid“;

Angular 为什么反应式form Validator.email不适用于;此.form.invalid“;,angular,angular6,mean-stack,angular7,reactive-forms,Angular,Angular6,Mean Stack,Angular7,Reactive Forms,我正在使用反应式表单,并使用表单验证器验证字段。我在电子邮件字段上应用了两个验证 loginForm = this.fb.group({ userEmail : ['', [Validators.required, Validators.email]], userPassword : ['', Validators.required] }); 这在我应用单字段验证时有效,并且我可以为两个验证显示错误,但在对整个表单使用登录时验证时有效 this.loginForm.invalid 然后它只

我正在使用反应式表单,并使用表单验证器验证字段。我在电子邮件字段上应用了两个验证

loginForm = this.fb.group({
userEmail : ['', [Validators.required, Validators.email]],
userPassword : ['', Validators.required] 
});
这在我应用单字段验证时有效,并且我可以为两个验证显示错误,但在对整个表单使用登录时验证时有效

this.loginForm.invalid
然后它只适用于validator.required,而不适用于validator.email

this.loginForm.invalid

即使我没有添加正确的电子邮件类型,也返回false。

添加验证程序。编写代码并尝试:

loginForm = this.fb.group({
userEmail : ['',  Validators.compose([Validators.required, Validators.email])],
userPassword : ['', Validators.required] 
});

有关这方面的更多信息和理解,请参阅

你参加了什么?你有一个可复制的例子吗?我无法复制:现在我的示例运行良好。你还想知道吗?所以你也不能复制它?然后删除您的问题。现在工作正常。不需要编写,创建表单控件时会在内部调用它