Как добавить атрибут max-length в Angular-xeditable?

Question

<span editable-text="contact.phoneNumber" maxlength="5"  e-name="phoneNumber" e-form="contactForm" >
  {{ contact.phoneNumber || '' }}
</span>

Я использовал директиву внутри диапазона, и он генерирует и вводит данные во время выполнения, когда мы нажимаем кнопку, чтобы изменить номер контакта. Я хочу добавить максимальную длину в это поле ввода. Какие-либо предложения?

Answer 1

Ты можешь использовать

e-maxlength e-minlength

если вы видите документацию, у атрибута e есть следующее:

Атрибуты, определенные с префиксом e-*, автоматически переносятся из исходного элемента в элемент управления.

Answer 2

Создайте директиву для ограничения значения:

app.directive("limitTo", [function() {
return {
    restrict: "A",
    link: function(scope, elem, attrs) {
        var limit = parseInt(attrs.limitTo);
        angular.element(elem).on("keydown", function() {
            if (this.value.length == limit) return false;
        });
    }
}   }]);

<input limit-to="4" type="number" class="form-control input-lg" ng-model="search.main" placeholder="enter first 4 digits: 09XX">

Надеюсь, это поможет вам