如何验证angularJS中的多种形式？

Question

我想对连续有一些字段的表进行验证。 该行将重复。 我无法像表格中那样进行验证，因为这些行是ngRepeat 。 从标签的name属性进行验证的过程将重复，并且在所有行中都是同谋的。

https://plnkr.co/edit/5PUDBxMR184IQnDR9LzR?p=preview

$scope.addStudent = function(){
var newStud = {};
angular.copy( $scope.objMod, newStud);
$scope.students.push(newStud);
}

Answer 1

首先，如果要对某事进行ng-repeat ，则不应给它一个非动态id 。 现在，每次添加一行时，每个行都有相同的id 。 如果是这样，即使拥有它又有什么意义呢？

其次，我建议研究ngModelController并将其用作表单，因为这样，无论您有多少字段，都可以为整个表单设置验证器。

Answer 2

尝试track by $index

<tr ng-repeat="stud in students track by $index">          
      <td><input type="text" name="name" id="id-{{$index}}" ng-model="stud.name" length="80"><span ng-show="form-stud.name.$error">Error!</span></td>
      <td><input type="text" name="age" id="age-{{$index}}" ng-model="stud.age" max="30" min="8"></td>
      <td><input type="email" name="mail" id="mail-{{$index}}" ng-model="stud.mail"></td>       
</tr>

您现在有了ID。 您可以在添加之前运行for循环进行验证。