title: Loop through all instances of ng-form inside form for validations
body: <p>I created a <a href="http://plnkr.co/edit/5lk0yJXqaVJLxMTGHBuE?p=preview" rel="noreferrer">plunker</a>. </p>
  
  <p>I generate input elements dynamically when "+ Name" button is clicked, each inside ng-form. </p>
  
  <p>How can I grab all the instances of ng-form for validating each individual ng-form? So that the "+ Name" button remains disabled if the fields are not valid or a new ng-form is created?</p>
  
  <p><strong>Edit</strong> <em>More details about the form structure</em></p>
  
  <p>There are other fields in the form which I removed for brevity reasons. It is basically a long form, something like </p>
  
  <pre><code>&lt;form name="myForm"&gt;
       &lt;input name="one" /&gt;
       .
       .
       &lt;div ng-repeat....&gt;
           &lt;ng-form&gt;
              &lt;input name="schoolName" /&gt;
           &lt;/ng-form&gt;
       &lt;/div&gt;
      &lt;button&gt;+ Name&lt;/button&gt;  &lt;!-- I cannot check for myForm.$valid here--&gt;
      &lt;!-- since the person might not filled the rest of the below fields --&gt;
       &lt;!-- hence the need to grab "each" "ng-form" --&gt; 
      &lt;input name="some" /&gt;
      &lt;input name="other" /&gt;        
  &lt;/form&gt;
  </code></pre>