Angular 6 , 7 - Mascara Campos Input

Angular

JavaScript

04/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
Taise Soares

Taise Soares

Curtidas 0

Melhor post

William Nascimento

William Nascimento

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.
GOSTEI 1

Mais Respostas

Taise Soares

Taise Soares

04/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.
GOSTEI 0
POSTAR