PhoneMaskUs

This library was generated with Angular CLI version 15.2.0.

Download and Installation

npm install @pmxengineering/phone-mask-us

Usage

Using Phone mask directive

1. Import PhoneMaskUsModule in your module

     import { PhoneMaskUsModule } from 'phone-mask-us';

     @NgModule({
        imports: [
           .....
           PhoneMaskUsModule
        ]
     })
2. Use the directive name with the HTML tag

     <input phoneMaskUs type="test"/>

Using Phone format pipe

1. Import PhoneFormatPipe in your module

   import { PhoneFormatPipe } from 'phone-mask-us';

   @NgModule({
        declarations: [
           .....
           PhoneFormatPipe
        ]
    })

2. Use the pipe selector with the HTML tag

     {{'1234567893' | phoneFormat: true}}
     Output: (123) 456-7893

     {{'(123) 456-7893' | phoneFormat: false}}
     Output: 1234567893

Version Compactibility

Use angular version 15.2.9 or higher

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.