Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/glauberf/bower-angular-input-mask
- Owner: GlauberF
- Created: 2018-07-03T11:11:00.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2018-07-03T12:09:15.000Z (over 6 years ago)
- Last Synced: 2024-10-10T01:44:10.137Z (about 1 month ago)
- Topics: angular, input, mask
- Language: JavaScript
- Size: 143 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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):
```htmlThe $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