Questions tagged [ngx-mask]
53 questions
1
vote
0 answers
Angular ngx-mask prefilled data missing 0 when using suffix
I have a component which display a formgroup input field. I am also using ngx-mask with the following
setup in .ts:
mask: string = "separator,"
thousandSeparator: string = "."
suffix: string = ",00"
My html component is as followed

Solo
- 55
- 1
- 7
1
vote
1 answer
value directive is not binding when use mask in Angular
[value] is not working when I use mask in the input tag in Angular.
for example: If phoneVariable = "876-222-2222" then input tag should display the value of the…

Bhavya Shah
- 73
- 2
- 9
1
vote
1 answer
Angular Nebular nbInput - Add mask into input fields
I need to add mask into input text fields (phone, date, email, etc).
I'm using Angular and Nebular 5.0.0, and according to the official documentation, there is no mask attribute available.
I had tried to add ngx-mask-version(8.1.7) as follow, but…

gfinotti
- 613
- 5
- 21
1
vote
1 answer
Number keyboard without pattern in angular
I'm using NgX-Mask to mask my input box. I want to include special characters in the mask so i have used [dropSpecialCharacters]="false" from the NgXMask.
Because of angular validation it showing red indicator as pattern is not matched. Pattern…

Eldho
- 7,795
- 5
- 40
- 77
0
votes
1 answer
ngx-mask v16.2.6 upgrade - Module '"ngx-mask"' has no exported member 'NgxMaskModule'
I recently upgraded ngx-mask to version 16.2.6, and after the upgrade, I'm facing an issue where the Angular compiler can't find NgxMaskModule exported from 'ngx-mask'.
The error message I'm receiving is:
ERROR in ./src/.....ts:2:10
TS2305: Module…

Sumit Arora
- 5,051
- 7
- 37
- 57
0
votes
0 answers
Min and Max with ngx mask
Is is possible to set a min and max values with ngx mask? and can we use ngx mask with input = "number" also?
As per the documentation it have specified example for input = "text".

Student18
- 125
- 1
- 1
- 11
0
votes
0 answers
NGX-Mask special characters
I have a functionality where I defined custom pattern and it should allow user to enter any alphabets, numbers, spaces and special characters. In this example lets say $
At the same time I have '$' as special character.
When I enter '$', app is…

user2132124
- 79
- 2
- 4
0
votes
3 answers
How to make an universal postcode mask for ngx-mask input?
I use ngx-mask 14.2.4. I want to allow the following conditions for my postcode input field:
between 2 and 12 signs
allow letters, numbers and '-'. Also allow spaces but not after '-'.
I tried:

Hubert Kubiak
- 607
- 1
- 7
- 30
0
votes
0 answers
How to add custom mask in Angular using ngx-mask?
I am trying to add a custom mask in angular using regular expression.
Here is the mask I want:
Characters allowed: Capital Letters, Small Letters, and Numbers
Length of the field: 20
Can start the input using an alphabet and number as…

Vedic Developer
- 63
- 1
- 9
0
votes
0 answers
NGX-MASK Masking
I am using ngx-mask to implement masking in my angular application.
https://github.com/JsDaddy/ngx-mask.
My requirement is whenever user types alphabets either in small case or upper case, mask should convert all chars in to uppercase. Currently…

user2132124
- 79
- 2
- 4
0
votes
0 answers
NullInjectorError using ngs-mask in angular
I want to create input field in angular, it is customized:
the .ts file has declaration:
reactiveFormGroup = this.fb.group({
fname: ['', Validators.required],
sname: '',
…

Ilkar
- 2,113
- 9
- 45
- 71
0
votes
0 answers
Using ngx-mask in angular to display mask '00.00'
I am trying to use ngx-mask to complete this task. Almost there, but i am not able to figure it out the last part.
So i have following input:

daniel8x
- 990
- 4
- 16
- 34
0
votes
0 answers
Formatting number with ngx-mask
i try to format number value using ngx-mask pipe.
So input data is: 284 and output should be 000284. and for eg. input 3 should be shown like 000003. did some one now how format for this case should looks like?
0
votes
1 answer
Mask date field in angular input
I'm trying to mask the DOB input field so that on the screen user can only see **/**/****. the input field is already using bsDatePicker.
I tried to add ngx-mask to mask it like this.

user21431480
- 1
- 1
0
votes
1 answer
Angular: Display time in template with mask using a pipe
I have this pipe, secondsToHms, to convert from seconds to hours, minutes and seconds:
transform(seconds: number): string {
const minutes = Math.floor(seconds / 60); //minutes
const secs = seconds % 60; //seconds
const hours =…

jgcarrillo
- 148
- 11