title: Getting child form values in parent component, onclick of a button present in parent component
body: <p><strong>I have a parent component like this</strong></p>
  
  <pre><code>&lt;div&gt;
    &lt;div class="selection-area active" style="max-height:initial;" contact-details [(contactDetailsD)]="conDetailsUI"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;a href="javascript:void(0)" class="btn btn-dark btn--full" (click)="submitData()"&gt;Next&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>The child component</strong></p>
  
  <pre><code>&lt;div&gt;
  &lt;form&gt;
  &lt;input type="text" name="name" value="{{contactDetailsD?.firstName}}"&gt;
  &lt;input type="text" name="email" value="{{contactDetailsD?.email}}"&gt;
  &lt;input type="text" name="phone" value="{{contactDetailsD?.phone}}"&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Can you help me to get the child form values in parent component, onclick of Next button that present in the parent component.</p>