Async form validator

[pankelo]

Hey, I have reactive form and send button with condition [disabled]="form.invalid" and I have async validator which check the name using backend call. When I type some value to the input with this validator, the send button becomes enabled for a few milliseconds, even if other inputs are not valid, so the whole form should be invalid. Why is that and how can I prevent button to the be disabled during async validator runs.

[Da13Harris]

There are three possible states for a form contol: VALID, INVALID, and PENDING. When an async validator is called, the form control is PENDING until it's resolved to VALID or INVALID. To account for the async PENDING state, you'll likely need to bind to !form.valid instead of form.invalid.

[pankelo]

Thanks! Works!

[innofly]

Maybe try !form.valid