Descrição

O componente GumgaMask serve para adicionar máscaras aos elementos inputs que se fazem necessário, como CPF, CNPJ, telefone e etc. Para modificar o código do exemplo abaixo clique aqui.

Instalação

// npm
npm i gumga-mask-ng --save

// bower
bower install gumga-mask-ng --save

//Injeção do modulo
angular.module('yourApp', ['gumga.mask']);

<script src="node_modules/gumga-mask-ng/dist/gumga-mask.min.js"></script>
<script src="bower_components/gumga-mask-ng/dist/gumga-mask.min.js"></script>
Usando 
<form name="Example">
  <label>CPF</label>
  <input
    type="text"
    class="form-control"
    ng-model="cpf"
    gumga-mask-options="maskOptions"
    gumga-mask="999.999.999-99"/>
</form>

angular.module('app', ['gumga.mask'])
  .controller('ctrl', function($scope){
    $scope.maskOptions = {
      maskDefinitions: {
        'seuRegex': /[regex]/ // <= aqui vai sua regex
      },
      clearOnBlur: false,
      eventsToHandle: ['input', 'keyup', 'click', 'focus']
    };
  })
Atributos
Parâmetro Tipo Requerido Descrição
gumga-mask * Sim Por padrão o componente tem 3 tipos de regex aceitas, que são 9 (numéricos), A (alfa) e * (alfanuméricos).
gumga-mask-options Objeto Não Objeto com regex extras ou sobreescrever configurações default.
gumga-mask-placeholder String Não Trabalha em conjunto com o placeholder nativo, contudo, o gumga-mask-placeholder deve seguir o mesmo padrão de caracteres do informado no gumga-mask. Enquanto o nativo fica ativo sem atividade no input, ao disparar o evento focus, o gumga-mask-placeholder ficará ativo.