Error on input change: Expression Changed After It Has Been Checked Error [SOLVED]

Tperrelli · April 11, 2018, 7:21pm

Hello people, good evening. I’m trying to do the following validation:

Se tipo_pessoa find is PF, enable cpf field and add the required validation for it
1.2 Disable cnpj field and clear its validation
Se tipo_pessoa field is PJ, enable cnpj field and add the required validation for it
2.1 Disable npf field and clear its validation

In other hands, i’m getting an error explained in the image. Aparentely the logic is right, but for some reason something is wrong.

Could someone help me in this issue?

See code here

Solution here!

gist.github.com

https://gist.github.com/tperrelli/f9e7807ac51a35433c1c06364a0b833a

beneficiario.html

          <ion-item>
            <ion-label floating>Tipo de Pessoa</ion-label>
            <ion-select [formControl]="dataForm.controls['tipo_pessoa']" (ionChange)="selectPfOrPj()">
              <ion-option [value]="PF">PF</ion-option>
              <ion-option [value]="PJ">PJ</ion-option>
            </ion-select>
          </ion-item>
          <ion-item>
            <ion-label floating>CPF</ion-label>
            <ion-input type="tel" limit="14" pattern="\d*" mask="***.***.***-**" [formControl]="dataForm.controls['cpf']" (ionChange)="checkCpf()" [disableControl]="!isPF"></ion-input>

This file has been truncated. show original

cpfCnpj.ts

  isPF : boolean = false;
  isPJ : boolean = false;

  selectPfOrPj() {
    
    if (this.dataForm.controls['tipo_pessoa'].value == 'PF') {

      this.isPF = true;
      this.isPJ = false;
      this.dataForm.controls['cpf'].setValidators([Validators.required]);

This file has been truncated. show original

disable-control.ts

import { Directive, Input } from '@angular/core';
import { NgControl }        from '@angular/forms';

@Directive({
  selector: '[disableControl]'
})
export class DisableControl {

  @Input() set disableControl( condition : boolean ) {
    const action = condition ? 'disable' : 'enable';

This file has been truncated. show original

Tperrelli · April 13, 2018, 1:04pm

Well, the solution is above.

Topic		Replies	Views
CPF/CNPJ Input Mask tutorials	11	20476	July 19, 2021
Disable input error ionic-v3	1	458	July 19, 2021
Help with annidate form Ionic Framework	3	704	February 22, 2022
Checkbox validation ionic-v3	17	13331	July 19, 2021
Formcontrolname validation not working ionic-v3	1	1720	July 19, 2021

Error on input change: Expression Changed After It Has Been Checked Error [SOLVED]

Related topics