ng-maxlength

testing ng-maxlength functionality

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}!
    <br/>
    <br/>
    <textarea rows="4" cols="20" ng-model="myRestrictedText" maxlength="10" id="1"></textarea>
    <textarea rows="4" cols="30" ng-model="myRestrictedText" ng-maxlength="10" id=2></textarea>
    <textarea rows="4" cols="40" ng-model="myRestrictedText" ng-maxlength="10" maxlength=10 id="3"></textarea>
    <br/>
    <br/>
    <div>Model: [{{myRestrictedText}}]</div>
</div>

CSS

.ng-invalid.ng-dirty{border:thick red solid;}

JavaScript

var myApp = angular.module('myApp',[]);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope) {
    $scope.name = 'Superhero';
    $scope.myRestrictedText = "This567890";
}