angular-imask
TypeScript icon, indicating that this package has built-in type declarations

7.6.0 • Public • Published

Angular IMask Plugin

angular-imask

npm version License: MIT

Install

npm install angular-imask

Setup

import { IMaskModule } from 'angular-imask';

@NgModule({
  imports: [
    IMaskModule,
    ...
  ],
  ...
}) {...}

Usage

<!-- directive -->
<input
  [imask]="{mask: '+{7}(000)000-00-00'}"  <!--see more mask props in a guide-->
  [unmask]="true"  <!--true|false|'typed'-->
  (accept)="onAccept"  <!--depending on prop above first argument is
    `value` if `unmask=false`,
    `unmaskedValue` if `unmask=true`,
    `typedValue` if `unmask='typed'`-->
  (complete)="onComplete"
  <!-- OPTIONAL: provide custom element getter -->
  [imaskElement]="(elementRef, directiveRef) => maskElement" <!-- default = elementRef.nativeElement -->
/>

<!-- pipe -->
<p>{{ value | imask:mask }}</p>

More options see in a guide.

Development

As to make changes to this package follow the steps:

  1. Build imask
  npm run make
  1. Go to angular-imask directory
  cd packages/angular-imask
  1. Launch dev command
  npm run dev
  1. (Optional) Launch example app
  npm run example

Package Sidebar

Install

npm i angular-imask

Weekly Downloads

43,688

Version

7.6.0

License

MIT

Unpacked Size

64.4 kB

Total Files

20

Last publish

Collaborators

  • unmanner