Uma máscara formata um campo de texto enquanto a pessoa digita: 00/00/0000 coloca as barras, AA 000 AA aceita letras e dígitos alternadamente. Caracteres que não se encaixam ficam de fora, e o cursor mantém a posição quando se digita no meio do texto.
Máscaras são feitas de tokens e literais: 0 é um dígito, a uma letra, * qualquer um dos dois, e A e X fazem o mesmo para códigos, em maiúsculas. Adicione os seus com tokens, ou passe uma função que escolhe a máscara conforme o que é digitado, como nuiCardMask faz pela bandeira do cartão.
O valor é o que aparece na tela, ou só os dados com unmask. A máscara funciona com Signal Forms, formulários reativos e ngModel, e um valor incompleto é um erro.
Formatos
Uma data, um horário, uma placa de carro e uma cor com um token próprio para dígitos hexadecimais.
— · — · — · —
Dados de pagamento
Campos com Signal Forms. A máscara do cartão segue a bandeira, o código de segurança tem quatro dígitos no American Express, e nuiCardValid e nuiIbanValid verificam os números.
Card: — · IBAN: —