angular-format-masks

    1.1.0 • Public • Published

    format-masks

    This is a AngularJS Component to format masks of CPF, CNPJ, CEP, brazilian phones and date formats:

    • dd/mm/yyyy
    • mm/dd/yyyy
    • dd/mm/yy

    The masks generally only work on HTML inputs. This component serve to format string of one external API and print on HTML in correct format.

    Instalation

    Run the npm install command to execute the package instalation:

    npm install format-masks --save-dev
    

    After this, the component will installed on folder node_modules/

    Configuration

    Now you need put the JS file responsible to call the component:

    <script src="/node_modules/angular-format-masks/dist/angular-format-masks.component.js"></script>

    Add the component at AngularJS module of your project:

    angular.module('application', ['format.masks']);

    Apply on template

    Now is add the tag on your view:

    <format-masks></format-masks>

    Masks options

    You need add one of the follows mask types:

    • CPF
    • CNPJ
    • CEP
    • Brazilian Phone
    • Date format dd/mm/yyyy
    • Date format mm/dd/yyyy
    • Date format dd/mm/yy

    The component have a REQUIRED attribute calls mask-type, you pass the mask type you need the component transform on the value:

    <format-masks maskt-type="cpf"></format-masks>

    The types:

    • cpf
    • cnpj
    • cep
    • brazilian-phone
    • date-ddmmyyyy
    • date-mmddyyyy
    • date-ddmmyy

    Values

    After type you need pass the value of mask:

    <format-masks maskt-type="cpf" mask-value="11111111111"></format-masks>

    The values only accepts numbers and with your respectives maxlengths:

    • cpf - 11 chars
    • cnpj - 14 chars
    • cep - 8 chars
    • brazilian-phone - 8 or 9 chars
    • date-ddmmyyyy - 8 chars
    • date-mmddyyyy - 8 chars
    • date-ddmmyy - 6 chars

    After this, your string will format with the mask selected:

    111.111.111-11

    That's all folks

    Any doubt, improvement or suggestion, contact me.

    Cheers ;)

    Keywords

    Install

    npm i angular-format-masks

    DownloadsWeekly Downloads

    1

    Version

    1.1.0

    License

    ISC

    Last publish

    Collaborators

    • dulcetti