<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular ngMaxlength</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
</head>
<body ng-app="ornekModul">
<script>
angular.module('ornekModul', [])
.controller('ornekController', ['$scope', function($scope) {
$scope.maxlengthDegeri = 3;
}]);
</script>
<div ng-controller="ornekController">
<form name="benimFormum">
<label for="maxlength">maxlength degerini giriniz: </label>
<input type="number" ng-model="maxlengthDegeri" id="maxlength" />
<br/>
<br/>
<label for="input">maxlength değerini alan text inputu: </label>
<input type="text" ng-model="deger" id="input" name="input" ng-maxlength="maxlengthDegeri" />
<br/>
<br/>
<hr>
input valid durumu? = <code>{{benimFormum.input.$valid}}</code><br>
model = <code>{{deger}}</code>
</form>
</div>
</body>
</html>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.