Min group corner checkmark and maximum validation constraint
I need to check (limit min and max sample) with angular. Is there any directive to achieve this check in angular.
<html ng-app="app">
<head>
<title>AngularJS Routing</title>
<script src="http://code.angularjs.org/1.2.7/angular.js"></script>
<script type="text/javascript">
var app = angular.module('app', []);
app.controller('CHKctrl', function ($scope) {
$scope.data = [{ "name": "CHK 1" },
{ "name": "CHK 2" },
{ "name": "CHK 3" },
{ "name": "CHK 4" },
{ "name": "CHK 5" },
{ "name": "CHK 6" }];
});
</script>
</head>
<body ng-controller="CHKctrl">
<form name="form">
<label ng-repeat="d in data">
<input
type="checkbox"
ng-model="d.value"
minlength="2"
maxlength="4"/>
{{d["name"]}}
</label>
<br />
<br />
{{data}}
</form>
</body>
</html>
+3
source to share
1 answer
Yes there is:
<input
ng-model="string"
[name="string"]
[required="string"]
[ng-required="boolean"]
[ng-minlength="number"]
[ng-maxlength="number"]
[ng-pattern="string"]
[ng-change="string"]
[ng-trim="boolean"]>
...
</input>
And you can check the input like:
<tt>myForm.$error.minlength = {{!!myForm.$error.minlength}}</tt><br/>
<tt>myForm.$error.maxlength = {{!!myForm.$error.maxlength}}</tt><br/>
You checked HERE .
For checkboxes, add them and improve the path for your requests for you;
<input ng-disabled="(count>max) && (!d.check)" type="checkbox" ng-checked="d.check" ng-model="d.value" minlength="2" maxlength="4" ng.click="countCheck(d)"/>
Js:
$scope.count = 0;
$scope.max = 3;
//You can swap it with ".watch"
yourController.countCheck = function(d){
if(d.check){
$scope.count++;
}else{
$scope.count--;
}
}
+2
source to share