AngularJS:如何验证 ng-repeat 表单字段

Question

下面的代码是我尝试验证表单中的值列表。这些值位于 ng-repeat 内的表中指令，并应根据需要进行验证。任何输入将不胜感激。

<form name="form1">
  <table>
    <tr ng-repeat="param in params">
     <td>
        {{param.name}}
     </td>
     <td>
         <input name="i{{$index}}" ng-model="param.val" required />
         <span style="color:red" ng-show="form1.i{{$index}}.$dirty && form1.i{{$index}}.$invalid">
            <span ng-show="form1.i{{$index}}.required">This field is required</span>
         </span>
       </td>
     </tr>
  </table>
</form>

Answer 1

我认为@SunilD'2 对另一个答案的评论值得自己回答，因为 ng-form 的方法可以促进更多验证场景(例如，突出显示表中输入之一无效的行)

<form name="form1">
  <table>
    <tr ng-repeat="param in params">
     <td>
        {{param.name}}
     </td>
     <td ng-form="cellForm">
         <input ng-model="param.val" required />
         <span ng-show="cellForm.$dirty && cellForm.$invalid">
            <span ng-show="cellForm.$error.required">This field is required</span>
         </span>
       </td>
     </tr>
  </table>
</form>

嵌套的有效性 ng-form设置其父表单的有效性。

plunker