Ngx-mask: Ionic 4

[blondie63]

Can i use this ngx-mask with ionic 4 & Angular 7 ?
Thanks

[Thegrep01]

@blondie63 yes

[damsorian]

any example for that?

[mihirp1730]

I have the solution for working in IONIC 4and Angular 7
use <input> instead of <ion-input>
And make input with SCSS look like ion-input.

Use NgxMaskModule.forRoot(),
page.module.ts (page is the page name where you want to use the mask).

[dcherniy]

@mihirp1730

use \

That's not a solution.

[mihirp1730]

Please share the solution.
So we can use instead of this.

[gdinn]

Please share the solution.
So we can use instead of this.

On app.module:

imports:[
  ...
  NgxMaskModule.forRoot()
  ...
]

On yourcomponent.module:

imports:[
  ...
  NgxMaskModule.forChild()
  ...
]

And finally to use on your html:

<ion-input (ngModelChange)="user.cpf=$event" [ngModel]="user.cpf | mask: '000.000.000-99'"></ion-input>
<span>Typed: {{user.cpf | mask: '000.000.000-99'}}<span>