angular应用内的input在设置了maxlength的情况下输满后选中会无法修改

Question

<div ng-app>     <input type="text" maxlength="7" ng-model="model" /> </div>问题是这样的，angular应用中的一个input，最大输入长度为7，输满7位后，选中其中某几位或全部选中，再进行输入会没有任何反应，输不进去。。请问这个怎么解决呢？

Answer 1

'use strict';

export default function () {

  return {

    restrict: 'A',

    link: function ($scope, $element, $attributes) {

      var limit = $attributes.maxlength;

      $element.bind('keyup', function (event) {

        var element = $($element).closest('.form-group');

        element.toggleClass('has-warning', limit - $element.val().length <= 10);

        element.toggleClass('has-error', $element.val().length >= limit);

      });

      $element.bind('keypress', function (event) {

        // Once the limit has been met or exceeded, prevent all keypresses from working

        if ($element.val().length >= limit) {

          // Except backspace

          if (event.keyCode !== 8) {

            event.preventDefault();

          }

        }

      });

    }

  };

}