ng-maxlength

testing ng-maxlength functionality

by ksevksev

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="40" ng-model="myRestrictedText" ng-maxlength="10"></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 = "";
}