title: angular reactive form: pass child component value to parent component
body: <p>im implementing reactive-form in angular. im unable to pass value from child to parent.</p>
  
  <p>example parent form:</p>
  
  <pre><code>&lt;div class="fields-wrap" [formGroup]="parent"&gt;
  &lt;div class="input-wrap"&gt;
    &lt;child-component&gt;&lt;/child-component&gt;
  &lt;/div&gt;
  &lt;input type"button"&gt;Submit&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Child componet form: </p>
  
  <pre><code>&lt;div class="fields-wrap" [formGroup]="child"&gt;
  &lt;input type="text" formControlName="firstname" /&gt;
  &lt;input type="text" formControlName="lastname" /&gt;
  &lt;input type="text" formControlName="email" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how to get these child value when i click submit from parent component. can anyone help me?</p>