angularjs directive to limit the length of message in a textbox

textMaxlengthDirective.js

/* directive to disable input if num(chars) crosses maxLength in text-area in pagePopUp */
angular.module('notify.pageEOCApp').directive('textMaxlengthDirective', function() {

    return {
        require: 'ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {
          
            var maxlength = Number(attrs.textMaxlength);
            function fromUser(text) {
                if(text.length > maxlength) {
                    var transformedInput = text.substring(0, maxlength);
                    ngModelCtrl.$setViewValue(transformedInput);
                    ngModelCtrl.$render();
                    return transformedInput;
                }
                return text;
            }
            ngModelCtrl.$parsers.push(fromUser);
        }
    };
});

in html , textarea style="resize: none;" rows='4' text-maxlength-directive="120" placeholder='Enter the message' ng-model="messageModel" class="form-control"></textarea