如何將max-length屬性添加到Angular-xeditable？

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

我已經在span中使用了指令，它在運行時產生和輸入框，當我們點擊一個按鈕來編輯聯繫人號碼。我想在此輸入框中添加最大長度。有什麼建議麼？如何將max-length屬性添加到Angular-xeditable？

來源

2015-04-07 madhavi

使用限制：值，這裏的值是您想要提供的最大長度。看到這個幫助https://docs.angularjs.org/api/ng/filter/limitTo – Reena

這將做什麼是需要大量的輸入，但只在限制內顯示。我只需要輸入有限的數量。它就像輸入你的電話號碼，並知道限制只限於10位數字。 – madhavi

你想使用正則表達式 – Reena

可以使用

e-maxlength e-minlength

如果看到documentacion，關於電子屬性，你有這個：

用e- *前綴定義的屬性自動從原始元素轉移到控件。

來源

2015-07-24 23:48:16

如果你想要它動態？像信用卡一樣，限制VISA爲16，但AMEX爲15 – Dave

創建指令限制值：

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">

希望這將幫助你

來源

2015-04-07 10:18:18 Reena

如何將max-length屬性添加到Angular-xeditable？

回答

相關問題