title: Angular 2 creating reactive forms with nested components
body: <p>My requirement is that I need to create a form with nested components.
  I am creating components for each form field means for textbox there will
  be one component, for radio button there will be another component like wise.<br>
  <code>&lt;form [formGroup]="myForm"&gt;<br>
      &lt;textbox-component&gt;&lt;/textbox-component&gt;<br>
      &lt;radioButton-component&gt;&lt;/radioButton-component&gt;<br>
  &lt;/form&gt;</code></p>
  
  <p>And I want to use Reactive forms for creating this form as I want my
  html to be untouched and have my form validations through typescript only.  </p>
  
  <p>But I cant find any solution how can we have reactive forms nested with
  components.</p>