After a delay of 1500ms, this snippet for custom validation in reactive forms adds emailIsTaken: true to the errors object of the emailAddress formControl when the user inputs [email protected].
https://i.stack.imgur.com/4oZ6w.png
takenEmailAddress(control: FormControl): Promise<any> | Observable<any> {
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
if (control.value === '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2450415750645d0a47">[email protected]</a>') {
resolve({'emailIsTaken': true});
} else {
resolve(null);
}
}, 1500);
});
return promise;
}
The advantages of observables in terms of development and readability are significant. Is there a way to convert something like this into an observable pattern?
An Observable pattern that will update the errors object of the emailAddress formControl with emailIsTaken: true when the user types [email protected]
https://i.stack.imgur.com/Es5J7.png
Furthermore, what is the equivalent of resolve and reject in the observable pattern?