angular-input-masks  

 

Personalized and localized input masks for AngularJS

Installation

With Bower:

``
bower install --save angular-input-masks
`

How to use

1. Import the `masks.min.js` script in your page.

2. Include the module `ui.utils.masks` in your angular app.

3. Include the ui-mask directive in a text field like the examples abouve:

$3

- Example:

`html

`

- Define the number of decimals (default is 2):

`html

`

- Allow negative numbers using the `ui-negative-number` attribute:

`html

`

- Support to the `min`, `max` and `ui-hide-group-sep` attributes.

`html

`

`html


`

- Internationalized: Used the decimal separator and the thousands separator defined in the client browser configuration.

$3

- Example:

`html

`

- You can set the number of decimals (default is 2):

`html

`

- Support to the `min`, `max` and `ui-hide-group-sep` attributes.

- Internationalized: Used the decimal separator and thousands separator defined in the client browser configuration.

$3

- Example:

`html

`

- Define the number of decimals (default is 2):

`html

`

- Support to the `min`, `max` and `ui-hide-group-sep` attributes.

- Internationalized: Used the currency symbol, decimal separator and thousands separator defined in the client browser configuration.

$3


`html

`

$3

`html

`

$3

- Example:

`html

`

$3

- Example:

`html

`

$3

- Example:

`html

`

$3


`html


`

- Support masks for all the 27 brazillian states.

- Validations according to the Sintegra especification.

$3

_See more usage examples in the Demo page_

Filters

Looking for related filters? Take a look at angular-br-filters

Build

`
npm install
gulp build
`

$3

- Unit:
- Uses Karma + Jasmine
- Files: src/*/.test.js

`
gulp test:unit
`

- e2e:
- Uses Protractor + Jasmine
- Files: src/*/.test.js


`
gulp test:e2e
`

- To run both tests:

`
gulp test
``