paulomenezes / ng2-cpf-cnpj

Angular directive to validate CPF/CNPJ numbers.
https://www.npmjs.com/package/ng2-cpf-cnpj
MIT License
5 stars 2 forks source link

como ficaria um exemplo usando formControlName? #2

Open andrejm7 opened 6 years ago

andrejm7 commented 6 years ago

pensei em algo do tipo..

<input type="text" class="form-control" id="cpf" formControlName="cpf" [cpf]="cpf" mask="000.000.000-00">

                      <div *ngIf="formulario.get('cpf').value?.errors?.cpf" class="form-control-feedback">CPF Inválido</div>

você tem algum exemplo?

alannsiqueira commented 6 years ago

Eu usaria a lib cpf_cnpj.js. e criaria meu próprio validador... Note que a lib esta deprecated, ele separou em 2 pacotes, mas fica tranquilo adaptar para essa solução

import { AbstractControl, Validators } from '@angular/forms';
import * as cpfCnpj from 'cpf_cnpj';

export class Validador {

    static cpf(control: AbstractControl): { [key: string]: any } {
        return cpfCnpj.CPF.isValid(control.value) ? null : { cpf: true };
    }

    static cnpj(control: AbstractControl): { [key: string]: any } {
        return cpfCnpj.CNPJ.isValid(control.value) ? null : { cnpj: true };
    }
}
paulomenezes commented 6 years ago

Bom dia, nunca utilizei o formControlName, não sei se posso ajudar. A solução de @alannsiqueira deve resolver seu problema.

Assim que possível eu atualizo a lib para o Agular 5+ [PR são bem vindas:)]

andrejm7 commented 6 years ago

@paulomenezes se puder atualizar ficaria show mano.. estava usando ela.. mas passei a usar o formControlName aí complicou kkk

abraço