ExpressionChangedAfterItHasBeenCheckedError Angular *ngIf directive couses error

Question

I get the error mentioned in question title when I click a button that schuld toggle the component.

Here is the stackblitz example https://stackblitz.com/edit/ionic-v4-fbgbgf

Answer 1

I solved the issue by accessing the isFreeType value of a description FormGroup by using:

description.get("isFreeType").value

instead of

description.value.isFreeType

Furthermore, the approach that you used to set the value of the isFreeType FormControl was wrong; you cant do description.value.isFreeType.setValue , after accesing the value property, you are not manipulating an AbstractControl anymore, just a plain value.

See the working demo in this blitz