@justa/mask-directive

JST Mask Directives

Justa Pagamentos Angular 2+ Directives! A set of NG2 Directives to improve your forms.

Install

npm install --save @justa/mask-directive inputmask

Usage

Add the MaskDirectiveModule in your app.module.ts file in the imports array.

Masks

Money Mask (Deprecated)

Deprecated: This directive is deprecated. For Brazilian Real, use the Currency Mask (jstCurrencyMask) instead.

Add the jstMoneyMask directive to your input.

Props (inputs)

Props	type	default
hasDecimal	bool	true
hasPrefix	bool	false
prefixSymbol	string	R$

Example

<input jstMoneyMask [hasDecimal]="true" prefixSymbol="$" placeholder="$0.00">

Legal document Mask (Brazil only)

Directive only used to format brazilian document (CNPJ/CPF) in a single input

Add the jstLegalDocumentMask Directive to your input.

Example

<input jstLegalDocumentMask placeholder="000.000.000-00">

Currency Mask (Brazil only)

Directive to format currency inputs. The form control value automatically is mutiplied/divided by currencyMultiplier before rendering/after keyboard input.

Props (inputs)

Prop	type	default
currencyMultiplier	number	100
currencySuffix	string	'R$ '

Example

Add the jstCurrencyMask directive to your input:

<input jstCurrencyMask formControlName="value">

Percentage mask

Directive to format percentage inputs. The form control value is always between 0 and 1.

Props (inputs)

Prop	type	default
percentageSuffix	string	' %'

Example

Add the jstPercentageMask directive to your input:

<input jstPercentageMask formControlName="value">

License

MIT @ Justa Pagamentos