title: How to transfer information between "input"
body: <p>I have two components "input". How can I transfer the entered data from the first "input" (full_name) to the second (short_name).</p>
  
  <pre><code>&lt;form [formGroup]="form"&gt;
    &lt;div class="row"&gt;
     &lt;div class="input-field col s12 m6"&gt;
      &lt;input formControlName="full_name" id="full_name" type="text"&gt;
      &lt;label for="full_name"&gt;Full Name&lt;/label&gt; 
     &lt;/div&gt;
     &lt;div class="input-field col s12 m6"&gt;
      &lt;input formControlName="short_name" id="short_name" type="text"&gt;
      &lt;label for="short_name"&gt;Short Name&lt;/label&gt; 
     &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt; 
  </code></pre>