title: Dividing a form into multiple components with validation
body: <p>I want to create a single big form with angular 2. But I want to create this form with multiple components as the following example shows.<br><br>
  <strong>App component</strong></p>
  
  <pre><code>&lt;form novalidate #form1="ngForm" [formGroup]="myForm"&gt;
  &lt;div&gt;
      &lt;address&gt;&lt;/address&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input type="text" ngModel required/&gt;
  &lt;/div&gt;
  
  &lt;input type="submit" [disabled]="!form1.form.valid" &gt; &lt;/form&gt;
  </code></pre>
  
  <p><strong>Address component</strong></p>
  
  <pre><code>&lt;div&gt;
  &lt;input type="text" ngModel required/&gt; &lt;/div&gt;
  </code></pre>
  
  <p>When I use the code above it was visible in the browser as i needed but the submit button was not disabled when I delete the text in address component. <br>
  But the button was disabled correctly when I delete the text in input box in app component. </p>