brmasker4

Lib is deprecated

We're sorry, but we'll focus only on one library

brmasker4

return custom mask in input for angular 4

Required

• node v8.4.0 or up
• npm 5.4.2 or up
• @angular/cli: 1.4.4

install

npm install brmasker4 --save

HTML

correct usage

<input type="text" name="cpf" placeholder="CPF" [brmasker]="{mask:'000.000.000-00', len:14}" value="">

Module

import { BrMasker4Module } from 'brmasker4';
 
@NgModule({
  imports: [
    BrMasker4Module
  ],
})
 

Features

import { BrMaskerDirective, BrMaskModel } from 'brmasker-ionic-3';
 
...
 
constructor(public brMaskerDirective: BrMaskerDirective) {}
 
...
 
protected createForm(): FormGroup {
  return new FormGroup({
    phone: new FormControl(this.createPhone())
  });
}
 
private createPhone(): string {
  const config: BrMaskModel = new BrMaskModel();
  config.phone = true;
  return this.brMaskerDirective.writeCreateValue('99999999999', config);
}

Inputs

• brmasker: BrModel

    BrModel = {
     mask: string;
     len: number;
     money: boolean;
     phone: boolean;
     person: boolean;
    }

Name	type	info
mask	string	Optional
len	string	Optional
money	boolean	Optional
decimal	number	Optional for 'money', default '2'
phone	boolean	Optional
person	boolean	Optional
percent	boolean	Optional
type	string	Optional default 'all'

Exemple for CPF/CNPJ 999.999.999-99 / 99.999.999/9999-99

usage

<input type="text" name="cpf" placeholder="CPF/CNPJ" [brmasker]="{person: true}" value="">

Exemple for Real 999,99

usage

<input type="text" name="money" placeholder="(R$) Real" [brmasker]="{money: true}"  value="">

Exemple for Phone [phone]

usage

<input type="text" name="phone" placeholder="Phone" [brmasker]="{phone: true}"  value="">

Characters

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

Guide

[brmasker]="{mask:'000.000.000-00', len:14}"

[brmasker] = component receive array (mask, len)

mask --> required / default = '' / custom mask

len --> required / default = 0 / number of length

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:'[phone]', 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

Versions

• for angular 6 using version 1.0.2

• for angular 5 using version 1.0.1

Changelog

v1.0.2

• support for angular 6

• news updates

v1.0.1

• fix number in person and phone

v1.0.0

• Suport reactive form

v0.0.29

• custom phone, money and person mask