Question

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

我在span中使用了该指令，它在运行时生成和输入框，当我们点击按钮编辑联系号码时。我想在此输入框中添加最大长度。有什么建议吗？

Answer 1

你可以使用

e-maxlength e-minlength

如果您看到documentacion，则在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">

希望这会帮助你

如何将max-length属性添加到Angular-xeditable？

2 个答案: