Ngx-mask: Unable to pass data to input: shows up empty

[naren7229]

lets say
sellingPrice = 2.22

data in the input field shows up empty

[gotshoo]

Same here. I am using a reactive form and can see a value was patched to the form, but the value does not display in the input field. Validated the data matches the mask.

[sagarp2901]

I have the same issue in angular reactive forms. The value exist but its not visible due to the mask. Also, the same thing works perfectly fine on another form.

UI:

Source:

@gotshoo Zip masking works perfectly fine for me.

[sagarp2901]

@gotshoo Here's my zip code mask:

[gotshoo]

@sagarpdev6 Thanks. I'll try changing my mask from '00000' to '99999' and see if that works.

[natan88]

I have the same problem

[gotshoo]

I did some work on it this week to see if I could figure out the issue. Checking out the Develop branch, it looks like @NepipenkoIgor possibly tried fixing this by adding an async task to pull the maskExpression.

https://github.com/JsDaddy/ngx-mask/commit/f83223332b9a462ce9b4863bf185952a5a8f21c3

The problem is that the maskExpress still comes back as null. I hacked it a little bit and was able to prevent it from deleting the value. It would only show the mask if you modified the value of the input. I don't have any code to include because it's at work right now.

Would love to see this get fixed. I will try to dig in a little more next week.

[natan88]

@gotshoo Thanks for the effort to solve the problem.
NOTE: Changing the mask from 0 to 9 does not work.

[NepipenkoIgor]

@gotshoo @natan88 @n7229 Please try latest version