brmasker-ionic
br-mask
New version for ionic 4return custom mask in input for ionic 3
Required
- node v8.2.1 or up
- npm 5.3.0 or up
- ionic 3.9.2
install
npm install brmasker-ionic-3 --save
Usage
; @
Only Example
HTML
correct usage
usage in input
Features
; ... {} ... protected : FormGroup return phone: this ; private : string const config: BrMaskModel = ; configphone = true; return thisbrMaskerIonic3;
Inputs
- brmasker: BrMaskModel
BrMaskModel = mask: string; len: number; money: boolean; decimal: number; phone: boolean; phoneNotDDD: boolean; person: boolean; percent:boolean; type: 'alfa' | 'num' | 'all'; decimal: number = 2; decimalCaracter: string = `,`; thousand: string; userCaracters = false; numberAndTousand = false;
Name | type | info |
---|---|---|
mask | string | Optional |
len | string | Optional |
money | boolean | Optional |
decimal | number | Optional for 'money', default '2' |
phone | boolean | Optional |
phoneNotDDD | boolean | Optional |
person | boolean | Optional |
percent | boolean | Optional |
type | string | Optional default 'all' |
decimalCaracter | string | Optional default ',' |
decimal | number | Optional default '2' |
thousand | string | Optional |
userCaracters | boolean | Optional default false |
numberAndTousand | boolean | Optional default false |
Example use of alphanumeric characters
Example use of number characters
Example use of all characters
999.999.999-99
/ 99.999.999/9999-99
Example for CPF/CNPJ
usage in input
999,99
Example for Real
Example for Money
usage in input
Example for thousand number
99,999
With Decimal
Example for Real
usage in input
1%
/ 100%
Example for Percent
(99) 9999-9999
/ (99) 99999-9999
Example for Phone
usage in input
Characters
- . / ( ) , * + @ # $ & % :
data
[brmasker]="{mask:'00/00/0000', len:10}"
cep
[brmasker]="{mask:'00.000-000', len:10}"
custom cpf
[brmasker]="{mask:'000.000.000-00', len:14}"
custom cnpj
[brmasker]="{mask:'00.000.000/0000-00', len:18}"
custom telefone
[brmasker]="{mask:'(00) 0000-0000', len:14}"
custom whatsapp
[brmasker]="{mask:'(00) 00000-0000', len:15}"
Build for developer
Only use if you change the component
Build
npm run build
Publish
npm publish
use in services
import module BrMaskerModule
and service import BrMaskerIonicServices3
; ...@... ;; @ { } { return thisbrMasker; }
writeCreateValue(value: string, config: BrMaskServicesModel): string
writeValuePercent(value: string): string
writeValuePerson(value: string): string
writeValueMoney(value: string, config: BrMaskServicesModel = new BrMaskServicesModel()): string
writeValueNumberAndThousand(value: string, config: BrMaskServicesModel = new BrMaskServicesModel()): string
writeValueusingSpecialCharacters(value: string, config: BrMaskServicesModel = new BrMaskServicesModel()): string
Changelog
v1.6.3
- add phoneNotDDD
v1.5.3
- fix numberAndTousand for number null
v1.5.2
- fix exports
v1.5.1
- fix publish
v1.5.0
- add services for mask
v1.4.0
- add thousand in number
v1.3.1
- fix tag
v1.3.0
- adding special character shape
v1.2.0
- Remove DevDependencies for fix bugs
v1.1.0
- New mask for money, add thousand
v1.0.11
- Refactored moneyMask so it includes a leading 0 for when we have only
v1.0.10
- Create a writeCreateValue for initial value
- Change name model from
BrModel
toBrMaskModel
v1.0.9
- Add decimal in money mask
v1.0.8
- Fix mask type caracter
v1.0.7
- Fix mask caracter
:
v1.0.6
- Fix mask pool
v1.0.5
- Replace percent symbol
v1.0.4
- percent mask #pull #23
- fix(events): ionic has changed event names #pull #22
v1.0.3
- Updating devdependencies
v1.0.2
- fix number in phone and person
v1.0.1
- fix compiler project for npm
v1.0.0
- Suport reactive form