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…
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.
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