The max-length-escaped directive testing the length against escaped value. Prevent sending exceeding escaped length input to server\API that enforce size.

maxlengthescaped.js

/**
 * The max-length-escaped directive testing the length against escaped
 * value. Prevent sending exceeding escaped length input to server\API that enforce size. 
 *
 * Usage:
 * <input type="text" max-length-escaped="250" /> || <textarea max-length-escaped="1000"></textarea>
 *
 * License: MIT
 */

angular.module('utils.maxLengthEscaped')
  .directive('maxLengthEscaped', [function() {
    return {
      restrict: 'A',
      require:'ngModel',
      link: function(scope, element, attr, ngModel) {
        var limit = attr.maxLengthEscaped;

        ngModel.$parsers.push(function(newValue){
          var escapedValue = encodeURI(newValue),
            escapedLength = escapedValue.length || 200;

          if(escapedLength > limit) {
            newValue = decodeURI(escapedValue.substr(0, limit));
            ngModel.$viewValue = newValue;
            ngModel.$render();
          }

          return newValue;
        });

      }
    };
  }]);