title: Angular - Parent form not updating, when invalid form is bound to the child form controller which is also an angular component
body: <p>I have a use case where the form object is created in a service, now when the page is showed in a dialog the form is read from the service in the <strong>ngOnInit</strong> and is bound to a local variable which is used in the template. The form is later on used to read the data.</p>
  
  <p>The problem is as follows, when the form is valid and the user navigates to the next page and return to this page everything works fine, BUT when the form is invalid and the user leaves then returns the parent form does not update correctly. </p>
  
  <p>The child component has the correct validity, but the parent form stays invalid.
  I noticed that between these 2 use cases the difference is the error object in the forms. </p>
  
  <p>I tried to update the validity by calling <strong>updateValueAndValidity</strong> on the parent form. But it did not work.</p>
  
  <p>The only thing that worked is calling <strong>setValidators([])</strong> on the child form control without any validators. It did not have validators to begin with. </p>
  
  <p>Here is a stackblitz example of the problem.</p>
  
  <p><a href="https://stackblitz.com/edit/angular-8-app-example-ent7s2?embed=1&amp;file=src/app/parent-form-component/parent-form.component.ts&amp;view=preview" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-8-app-example-ent7s2?embed=1&amp;file=src/app/parent-form-component/parent-form.component.ts&amp;view=preview</a></p>