Angular 6 , 7 - Mascara Campos Input

04/06/2019

0

Boa tarde Pessoal,

Alguém conhece uma forma no Angular, para criar nos campos de input mascara, exemplo de CPF, CNPJ, Telefone? E alem de criar a mascara realizar validações. No caso do Telefone, caso apos o DDD o numero comece com 9 ele automaticamente muda a mascara para celular, caso contrario continua com a marcara para telefone fixo.

Desde já agradeço

abs
Taise Soares

Taise Soares

Responder

Post mais votado

05/06/2019

Boa tarde Pessoal,

Alguém conhece uma forma no Angular, para criar nos campos de input mascara, exemplo de CPF, CNPJ, Telefone? E alem de criar a mascara realizar validações. No caso do Telefone, caso apos o DDD o numero comece com 9 ele automaticamente muda a mascara para celular, caso contrario continua com a marcara para telefone fixo.

Desde já agradeço

abs


Olá Taise, sugiro você usar essa lib para o próprio angular:
https://www.npmjs.com/package/angular2-text-mask

para poder manipular o seu input de acordo com as máscaras.
Porém se você deseja fazer isso na "mão", o caminho mais comum é usar diretivas do próprio angular, esse tutorial
http://blog.almeidapedro.com.br/post/2017/12/04/cirando-diretivas-em-angular
explica um pouco melhor de como você pode usar diretivas no angular.

William Nascimento

William Nascimento
Responder

Mais Posts

11/06/2019

Taise Soares

Boa tarde Pessoal,

Alguém conhece uma forma no Angular, para criar nos campos de input mascara, exemplo de CPF, CNPJ, Telefone? E alem de criar a mascara realizar validações. No caso do Telefone, caso apos o DDD o numero comece com 9 ele automaticamente muda a mascara para celular, caso contrario continua com a marcara para telefone fixo.

Desde já agradeço

abs


Olá Taise, sugiro você usar essa lib para o próprio angular:
https://www.npmjs.com/package/angular2-text-mask

para poder manipular o seu input de acordo com as máscaras.
Porém se você deseja fazer isso na "mão", o caminho mais comum é usar diretivas do próprio angular, esse tutorial
http://blog.almeidapedro.com.br/post/2017/12/04/cirando-diretivas-em-angular
explica um pouco melhor de como você pode usar diretivas no angular.
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar