"updateOn: 'blur'" does not work in formBuilder/formControl about angular HOT 11 CLOSED

I'll close this as a dupe of #45015

from angular.

Hi, your stackblitz repro doesn't produce any issues. Can you please have a look. Thank you.

from angular.

Sorry i fixed the compile problems.

Open console and clear it.
Click on any control and lose focus.
Blur event should be triggerd.

from angular.

I see logs on blur, which is what should happen.
What exactly do you expect updateOn: 'blur', to do ?

from angular.

Normaly it should call the custom validator after bluring. It doesn't do that.

1. Start server
2. Clear console
3. Click on control
4. Lose focus (blur event)
5. Validator should be called and console.log should be visible

For example how does Validators.required do that?
After bluring (without changing input) it shows required

from angular.

There are no pending changes to be evaluated in the example shown in your video.
With blur strategy, Angular expects changes upon the field value to update it and run validators.

from angular.

How does for example Validators.required do that?
It doesn't requiere any changes to fire the "require" error.

from angular.

As you can see in your console, there are logs at the form init. That's about the same for required.
By blurring from it without any changes, it was already in error.

How do you see "it shows" or "fire the error"?

from angular.

My expectation with "updateOn: 'blur'" is that the validators should be executed again, otherwise it should better be called "updateOn: 'change'". That is confusing.

Let's say I click on a FormControl with Validators.required and I don't change anything. If I then click on something else, I see the mat-error. But this does not apply to my custom validators because they are not executed again.

from angular.

mat-error internally only displays if the field has been touched.
It's about the same for your validators. If the control was invalid before blurring without any change, the error will appear.

If you need to update the validity of some field based on a parent one, use a validator on the parent itself.

from angular.

Ok guys, thanks for your answers

from angular.