Ngx-mask: Did not reset field with mask directive when send form but this fields is not valid

Created on 11 May 2018 · 5Comments · Source: JsDaddy/ngx-mask

Source

LimarenkoDenis

Most helpful comment

My Reproducing
Dynamically create phone control field,
type a value and it became valid, but when I submit a form and reset values, all field as expected reset, except field with the mask directive

LimarenkoDenis on 11 May 2018

👍2

All 5 comments

My Reproducing
Dynamically create phone control field,
type a value and it became valid, but when I submit a form and reset values, all field as expected reset, except field with the mask directive

LimarenkoDenis on 11 May 2018

👍2

Might be close to the same thing, have a form with a masked field that is not touched or dirty. When I submit that form and reset the form, with values being set to the form values that are submitted (for context, its a profile form), the masked field then becomes dirty.

tylerstarcher on 23 May 2018

I have the same issue: form.reset() reset value in the form and masked fields but visually fields contain (don't clear) values.

Coffee-Tea on 13 Jun 2018

You can always set the formControl value to empty string and then call the reset function, this worked for me:
this.formGroup.get('FORM_CONTROL').setValue('');
this.formGroup.get('FORM_CONTROL').reset();