title: Forwarding formControlName to inner component in Angular with Reactive Forms
body: <p>I have one custom control component <code>&lt;some-input&gt;</code> that i wrapped to <code>&lt;ext-some-input&gt;</code>. <strong>SomeInput</strong> is encapsulated, has own API and supports reactive forms.
  <strong>ExtSomeInput</strong> is created as high-level wrapper over <strong>SomeInput</strong>.</p>
  
  <p>I have following html:</p>
  
  <pre><code>&lt;form [formGroup]="form"&gt;
      &lt;ext-some-input formControlName="name"&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and <strong>ExtSomeInput</strong>'s html:</p>
  
  <pre><code>&lt;some-input formControlName="_???_"&gt;&lt;/some-input&gt;
  </code></pre>
  
  <p>The question is how to forward <strong>formControlName</strong> to inner <strong>SomeInput</strong> component? I need to tie the form and inner formControl up. Is this possible?</p>
  
  <p>EDITED:</p>
  
  <p>I've created stackblitz project with this issue: <a href="https://stackblitz.com/edit/ng-tie-reactive-forms-throgh-wrapper?file=src/app/app.component.html" rel="noreferrer">here</a></p>