$3

- I no longer have the maintenance for this project, in case anyone wants to take over just contact me

brmasker-ionic


return custom mask in input for ionic 4

Required

- Node: 10.7.0
- npm 6.4.0
- ionic 4.1.2
- Angular CLI: 6.1.2

install

``sh
npm install br-mask --save -E
`

Usage

`javascript
import { BrMaskerModule } from 'br-mask';

@NgModule({
imports: [
BrMaskerModule
],
})

`

$3

`html


`

$3

`html








`

$3

`html



`

$3

`html



`

$3

`html



`

$3

`html



`

$3

`html



`

$3

`html



`

$3

`html



`

$3

`html



`

Features


`js
import { BrMaskDirective, BrMaskModel } from 'br-mask';

...

constructor(public brMask: BrMaskDirective) {}

...

protected createForm(): FormGroup {
return new FormGroup({
phone: new FormControl(this.createPhone())
});
}

private createPhone(): string {
const config: BrMaskModel = new BrMaskModel();
config.phone = true;
return this.brMask.writeCreateValue('99999999999', config);
}
`

Inputs

* brmasker: BrMaskModel

`ts
BrMaskModel = {
form: AbstractControl;
mask: string;
len: number;
money: boolean;
phone: boolean;
phoneNotDDD: boolean;
person: boolean;
percent:boolean;
type: 'alfa' | 'num' | 'all';
decimal: number = 2;
decimalCaracter: string = ,;
thousand: string;
userCaracters = false;
numberAndTousand: false,
moneyInitHasInt: true
}
`


| Name | type | info |
| ------ | ------ | ------ |
| form | FormControl | Obsolete |
| mask | string | Optional |
| len | string | Optional |
| money | boolean | Optional |
| 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 |
| moneyInitHasInt | boolean | Optional default true |


moneyInitHasInt is when you need to use cents in value

Characters

- . / ( ) , * + @ # $ & % :

Build for developer

$3

$3

`sh
npm run build
`

$3

`sh
npm publish
``

Changelog

$3

- pull issues

$3

- change phone mask for accept 11 digits

$3

- removing the need to declare the form

$3

- remove console log

$3

- add prop moneyInitHasInt

Changelog

$3

- add phoneNotDDD

$3

- fix numberAndTousand

$3

- add number thousand

$3

- Inicial project