Como posso formatar um campo para o usuário colocar o c.p.f. de forma que o formato seja pré estabelecido como "000.000.000-00"?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Como posso formatar um campo para o usuário colocar o c.p.f. de forma que o formato seja pré estabelecido como "000.000.000-00"?
Oii!
Pra formatar o campo de CPF em Angular, uma opção prática é usar a biblioteca ngx-mask. Você pode instalar com o comando:
npm install ngx-mask --save
Depois, importe o módulo no seu app.module.ts:
import { NgxMaskModule } from 'ngx-mask';
@NgModule({
imports: [
NgxMaskModule.forRoot()
],
})
No template, basta adicionar o atributo mask:
<input type="text" mask="000.000.000-00" placeholder="Digite seu CPF">