ionic4-mask-directive
v1.0.2
Published
directive for mask ion-input on ionic4
Downloads
15
Readme
ionic4-mask-directive
Ionic4MaskDirective help you add mask on ion-input with just a directive and a very simple configuration.
Install
npm i ionic4-mask-directive --save
Import directive
Import the directive into your app module.
import { Ionic4MaskDirective } from "ionic4-mask-directive";
@NgModule({
declarations: [
MyApp,
Ionic4MaskDirective,
HomePage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
HttpModule
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage
],
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {
}
Usage
To configure the mask, you can use 3 types of characters.
- # - any type of char;
- 9 - only numbers;
- A - only letters;
Example
<!-- phone number in Brasil -->
<ion-input type="text" mask="(99) 9999-9999" placeholder="Phone" [(ngModel)]="user.phone" required></ion-input>
<!-- brasilian document -->
<ion-input type="text" mask="999.999.999-99" placeholder="CPF" [(ngModel)]="user.document" required></ion-input>
Contribute
Any pull-request and issue is more than welcome.