title: Angular 10 | FormControl in Dynamic Component
body: <p>I'm trying to resolve a simple task: dynamically load a component contains a form control.
  Everything is OK except I get such error:</p>
  <blockquote>
  <p>ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression
  has changed after it was checked.  Previous value: 'undefined'.
  Current value: '[object Object]'. It seems like the view has been
  created after its parent and its children have been dirty checked. Has
  it been created in a change  detection hook?</p>
  </blockquote>
  <p>I load a component in a canonical way - in <code>ngAfterViewInit</code> hook with a <code>ComponentFactoryResolver</code> and a <code>ViewContainerRef</code>.</p>
  <p>I've tried to google about this problem and search here, but I didn't found any clear explanation why it is and how I can fix it.</p>
  <p>I'm new in Angular and I might ask questions in a wrong way.</p>
  <p>I've prepared <a href="https://stackblitz.com/edit/angular-ivy-ahfc8f?file=src%2Fapp%2Fapp.component.ts" rel="nofollow noreferrer">an example about it</a></p>
  <p>Thanks in advance!</p>