angularjs - AngularJS嵌套表单输入验证ng-repeat

Question

我想使用ng-repeat来构建嵌套表单，如下所示。由于我的输入字段是必填字段，因此我想在下一行添加一条错误消息，如下所示:
<span ng-show="submitted && editableForm.[e.name].$error.required" class="error">Required field</span>，我知道这是错误的“editableForm。[e.name]。$ error.required”，正确的方法是什么？

更新
刚刚尝试添加<ng-form name="rowForm">，但这仅在我使用硬编码名称属性时才有效，在我的情况下，这是在[e.name]中动态生成的

谢谢
狮子座

嵌套表格

<form name="editableForm" novalidate="novalidate"><div class="newEditable">
  <ul ng-repeat="row in newRows">
    <li ng-repeat="e in rowAttrs">
     <input type="text" ng-model="newRows[e.name]" name="e.name" ng-required="e.required">
    </li>
    <li><a href="" ng-click="rm_row($index)">x</li>
  </ul>
  </div><a href="" ng-click="newRow()">{{add}}</a>
  <a ng-show="newRows.length > 0" ng-click="saveIt(editableForm)">{{save}}</a>
</form>

Answer 1

对于此特定的代码示例，您还需要在第一个ng-form中添加ng-repeat属性:

<ul ng-repeat="row in newRows" ng-form="innerForm">

现在，您可以对原始解决方案执行类似的操作，以突出显示必填字段:

<div class="validation_error" ng-show="e.required && innerForm['\{\{e.name\}\}'].$error.required">
    Required
</div>