title: Angular 2 : Validate child component form fields from the parent component
body: <p><strong>Problem statement :</strong></p>
  
  <p>Parent component having <code>&lt;form&gt;</code> tag and some <code>&lt;input&gt;</code> tags inside it, and child component also have some <code>&lt;input&gt;</code> tags, parent component has one <code>&lt;submit&gt;</code> and we are validating form fields on submit the form. </p>
  
  <p>How to validate the child component <code>&lt;input&gt;</code> fields from parent component on <code>submit</code> the form ?</p>
  
  <p><strong>Requirement :</strong></p>
  
  <p>If a parent component has a form containing child components with <code>input</code> components in their template, then these <code>input</code> components should be validate on click if submit from the parent component.</p>
  
  <p><strong>Findings :</strong></p>
  
  <p>There are lot of posts in SO having same problem statement but did not find any suitable solution.All the below posts validate the whole form but my requirement is to validate each field in child component.</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/42955606/angular-2-validation-together-with-the-child-component#">Angular 2 validation together with the child component
  </a></li>
  <li><a href="https://github.com/angular/angular/issues/9600" rel="noreferrer">Allow template-driven form inputs across a component hierarchy to register with a single parent form</a></li>
  <li><a href="https://stackoverflow.com/questions/47550917/how-to-check-the-validity-of-the-child-component-form-within-the-parent-componen">How to check the validity of the child component form within the parent component in Angular 4</a></li>
  </ul>