Почему реактивная форма Validator.email не работает для "this.form.invalid"

Question

Я работаю с реактивными формами и использую валидаторы форм для проверки полей.Я применил две проверки к полю электронной почты.

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

, это работает, когда я применяю проверку по одному полю, и я могу показать ошибку как для проверки, так и при использовании проверки времени входа для всей формы

this.loginForm.invalid

тогда он работает только для validator.required, но не для validator.email.

this.loginForm.invalid

возвращает false, даже если я не добавлю правильный тип электронной почты.

Answer 1

Добавьте Validators.compose к своему коду и попробуйте:

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

Для получения дополнительной информации и понимания об этом, вы можете обратиться к this .