ui select angularjs set maxlength for input value（ui select match）

Question

我想要一個額外的屬性就像“占位符”從ui選擇匹配傳遞。 我想設置選擇輸入的最大長度。 我可以通過select.min.js添加屬性maxlength =“”來設置它，但我想改變lib。 文件不是解決方案。

就像我輸入adde maxlength =“500”一樣

請幫幫我。

謝謝

Answer 1

您可以使用angular的limitTo過濾器限制集合。 看看limitTo參考。

Answer 2

根據我的理解，您使用帶標記的ui-select（作為組合框）。

在此實現您所需的功能：

轉到ui-select plugin.js並編輯模板“select2 / select.tpl.html”（對於主題select2）：

ng-attr-maxlength =“{{$ select.tagging.isActivated？50：''}}”

將以上行添加到模板，如下所示：

<input type=\"search\" ........... ng-attr-maxlength=\"{{$select.tagging.isActivated ? 500 : ''}}\">

如果要限制輸入搜索本身，則直接添加maxlength屬性：

<input type=\"search\" ........... maxlength=\"500\">

希望這可以幫助。 :-)

Answer 3

您可以通過templateCache更改屬性

.run(function($templateCache) {
        $templateCache.put("bootstrap/select-multiple.tpl.html","<div class=\"ui-select-container ui-select-multiple ui-select-bootstrap dropdown form-control\" ng-class=\"{open: $select.open}\"><div><div class=\"ui-select-match\"></div><input maxlength='5' type=\"search\" autocomplete=\"off\" autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" class=\"ui-select-search input-xs\" placeholder=\"{{$selectMultiple.getPlaceholder()}}\" ng-disabled=\"$select.disabled\" ng-click=\"$select.activate()\" ng-model=\"$select.search\" role=\"combobox\" aria-expanded=\"{{$select.open}}\" aria-label=\"{{$select.baseTitle}}\" ng-class=\"{\'spinner\': $select.refreshing}\" ondrop=\"return false;\"></div><div class=\"ui-select-choices\"></div><div class=\"ui-select-no-choice\"></div></div>");
    })

原始模板可以在文件select.js的底部找到