AngularJS ng-repeat validation
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.js"></script>
<div ng-app="myapp" ng-controller="EditPersonCtrl">
<form name="editPeople" id="editPeople">
<table>
<tr>
<th>name</th>
<th>weight</th>
<th>height</th>
</tr>
<tr ng-repeat="person in people" ng-init="inputName = 'weight_' + $index">
<td>
<input ng-model="person.name" disabled />
</td>
<td>
<input ng-model="person.weight" name="{{inputName}}" type="number" required min="30" />
</td>
<td>
<input ng-model="person.height" type="number" disabled />
</td>
<td>
<div ng-messages="editPeople[inputName].$error">
<div ng-message="min">Invalid "min"</div>
<div ng-message="required">Invalid "required"</div>
</div>
</td>
</tr>
</table>
<div ng-messages="editPeople['weight_0'].$error">
<div ng-message="min">Invalid "min"</div>
<div ng-message="required">Invalid "required"</div>
</div>
</form>
</div>
JavaScript
angular.module('myapp', ['ngMessages'])
.controller('EditPersonCtrl', ['$scope', function($scope) {
$scope.people = [{
name: "Betty",
weight: 60,
height: 160
}, {
name: "John",
weight: 50,
height: 155
}]
}]);