0

Tengo un formulario que realice de manera reactivo pero me marca el siguiente error

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'disabled: false'. Current value: 'disabled: true'.

En mis validaciones dependiendo de las opciones que se habiliten como por ejemplo:

<td *ngIf="this.eleccionMamelones === 'SI'">
                    <mat-form-field class="example-full-width">
                      <input type="number" formControlName="LongitudMamelon" ngModel matInput placeholder="Longitud">
                    </mat-form-field>
                  </td>

si la variable es SI, este aparecerá en la vista, en dado caso de que no sera oculta, y la cual para el formulario elimino la validación de la siguiente manera con el ngIf:

    this.inicio.get('CostoMOArillo').clearValidators();
    this.inicio.get('CostoMOArillo').updateValueAndValidity();

o en su defecto habilito el componente y vuelvo el formulario valido o invalido según sea el caso y este des habilita el botón de insertar que es donde me da el error

introducir la descripción de la imagen aquí

la cual no se como solucionarlo

3
  • Agrega el .ts completo.
    – Lobos
    Commented el 10 mar. 2022 a las 13:18
  • La directiva formControlName pertenece al modulo de formularios reactivos y la directiva ngModel al de los dirigidos por plantilla. No deberías mezclar ambos enfoques en un mismo formulario. Si estas usando los formularios reactivos, quita la directiva ngModel del input.
    – akotech
    Commented el 10 mar. 2022 a las 14:08
  • Retirando el ngModel se solucionara o existe algún inconveniente el que siga estando en el formulario Commented el 10 mar. 2022 a las 14:24

1 respuesta 1

0

Usa el metodo ngAfterInit y no el OnInit para los formularios

2

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.