Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/glauberf/bower-angular-input-mask

Angular Input Mask
https://github.com/glauberf/bower-angular-input-mask

angular input mask

Last synced: 8 days ago
JSON representation

Angular Input Mask

Awesome Lists containing this project

README

        

# bower-angular-input-mask

**How to use**

**ui-number-mask**

```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

```

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

**ui-percentage-mask**

```html

```

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

The $modelValue is the $viewValue / 100, so $viewValue - 100% = $modelValue - 1
```

You can use the same value in $modelValue and $viewValue using ui-percentage-value:

```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.

The $modelValue is the $viewValue / 100, so $viewValue - 100% = $modelValue - 1

You can add ui-hide-space attribute to hide space between [NUMBER] and %

**ui-money-mask**

```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.

You can add ui-hide-space attribute to hide space between [Currency symbol] and [NUMBER]

**ui-br-phone-number**

```html

```

Suports only simple phone number format: 1234-5678 || 12345-6789
```html

```

Suports only area code phone number format: (12) 3456-7890 || (12) 34567-8901
```html

```

Suports only country code phone number format: +12 (34) 5678-9012 || +12 (34) 56789-0123
```html

```

**ui-us-phone-number**

```html

```

Outputs phone number in the following format: (123) 456-7890

**ui-br-cep-mask**

```html

```

**ui-br-cpf-mask**

```html

```

**ui-br-cnpj-mask**

```html

```

**ui-br-cpfcnpj-mask**

```html

```

**ui-br-ie-mask**

```html

```

Support masks for all the 27 brazillian states.

Validations according to the Sintegra especification.

**ui-time-mask**

```html

```

Support to the short attributes.
```html

```

**ui-date-mask**

```html

```

Support to the custom date masks (See moment.js date formats).

```html

```

Support to parse attribute. When the attribute is set to false, the inputed value will be passed to the model as a string. Default value of the attribute is true.

```html

```

**time-mask**

```html

```

**Masks to be documentated (help wanted!)**
* ui-nfe-access-key-mask
* ui-time-mask
* ui-date-mask
* ui-br-boleto-bancario-mask
* ui-br-car-plate-mask
* ui-scientific-notation-mask
* ui-fr-phone-number