ngx-phone-mask

NgxPhoneMask

Angular component for autoformatting international phone numbers.

Usage

Install via npm:

npm install ngx-phone-mask

Import in your app.module.ts:

import { NgxPhoneMaskModule } from 'ngx-phone-mask';

@NgModule({
	imports: [
		NgxPhoneMaskModule
	]
})

Use it:

<ngx-phone-mask [(ngModel)]='yourModelName'></ngx-phone-mask>
or
<ngx-phone-mask [formControl]='yourControl'></ngx-phone-mask>
or
<ngx-phone-mask formControlName='yourControlName'></ngx-phone-mask>

Config

You can set valueType to 'clean', 'raw' or 'full' to change output format. Default is 'clean'.