try this, little tricky :)
<!DOCTYPE html>
<html lang="en-US">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('myapp', []);
app.controller('myctrl', myfun);
function myfun($scope) {
$scope.$data = [{ name: 'helicopter' }, { name: 'Aeroplane' }, { name: 'professional Team' }];
$scope.isMax = function (index) {
return $scope.editForm['name' + index].$error.maxlength;
}
}
</script>
</head>
<body ng-controller="myctrl" ng-app="myapp">
<form ng-controller="myctrl" ng-app="myapp" class="form-horizontal" role="form" name="editForm" novalidate>
<div>
<table>
<tbody>
<tr ng-repeat="testing in $data">
<td data-title="'Name'">
<div>
<input type="text" class="f-control" name="{{'name' + $index }}" ng-model="testing.name" placeholder="Name" required ng-minlength="2" ng-maxlength="10">
<b ng-show="isMax($index)"> Too Long</b>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
Submit an article or tip