title: Angularjs nested form input validation ng-repeat
body: <p>I am want to build a nested form using ng-repeat like following. Since my input fields are required, I want to add a error message in the next line with something like this: 
      <code>&lt;span ng-show="submitted &amp;&amp; editableForm.[e.name].$error.required" class="error"&gt;Required field&lt;/span&gt;</code>, I know this is wrong "editableForm.[e.name].$error.required", what is the right way to do this?</p>
  
  <p><strong>UPDATE</strong>
  Just tried adding <code>&lt;ng-form name="rowForm"&gt;</code>, but this only works when I use a hardcode name attribute, in my case this is dynamically generated in [e.name]</p>
  
  <p>Thanks
  Leo</p>
  
  <p>NESTED FORM </p>
  
  <pre><code>&lt;form name="editableForm" novalidate="novalidate"&gt;&lt;div class="newEditable"&gt;
    &lt;ul ng-repeat="row in newRows"&gt;
      &lt;li ng-repeat="e in rowAttrs"&gt;
       &lt;input type="text" ng-model="newRows[e.name]" name="e.name" ng-required="e.required"&gt;
      &lt;/li&gt;
      &lt;li&gt;&lt;a href="" ng-click="rm_row($index)"&gt;x&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/div&gt;&lt;a href="" ng-click="newRow()"&gt;{{add}}&lt;/a&gt;
    &lt;a ng-show="newRows.length &gt; 0" ng-click="saveIt(editableForm)"&gt;{{save}}&lt;/a&gt;
  &lt;/form&gt;
  </code></pre>