angularjs - 如何将最大长度属性添加到 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">

希望这会帮助你