PhoneMaskUs

This library was generated with Angular CLI version 15.2.9.

Download and Installation

npm install @propmix/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

Publishing

1. ng build phone-mask-us

2. cd dist/phone-mask-us

3. npm publish --access public

Local testing

Do these steps from the library directory

1. ng build phone-mask-us

2. cd dist/phone-mask-us

3. npm link

Do these steps from the client application

1. npm ci

2. npm link @propmix/phone-mask-us

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.