PhoneChannelDetailsComponent and MailChannelDetailsComponent implement a custom Validator to propagate the errors to the parent form control. Both components are instantiated in a switch statement. When switching between the forms a ExpressionChangedAfterItHasBeenCheckedError is thrown. This only happens in debug mode of Angular.
Bug Description
PhoneChannelDetailsComponentandMailChannelDetailsComponentimplement a customValidatorto propagate the errors to the parent form control. Both components are instantiated in a switch statement. When switching between the forms aExpressionChangedAfterItHasBeenCheckedErroris thrown. This only happens in debug mode of Angular.This bug is already known since 2018 and has not been fixed yet: https://github.com/angular/angular/issues/23657
Expected Behavior
When switching between the two forms,
ExpressionChangedAfterItHasBeenCheckedErrorshould not be thrown in Angular debug mode.Steps to Reproduce
See bug description
Possible Solutions
Validatorinto a@Directivedid not resolve the problemchangeDetection: ChangeDetectionStrategy.OnPushin component definitionFurther Information
No response