1

我想要一個額外的屬性,就像「佔位符」從UI選擇匹配傳遞。我想設置選擇輸入的最大長度。我可以通過select.min.js添加屬性maxlength =「」來設置它,但我認爲要更改爲lib。文件不是解決方案。ui select angularjs set maxlength for input value(ui select match)

Just like i have adde maxlength="500" in input

請幫我身邊。

謝謝

+0

如果我理解正確的話,這是你想要達到的目標(支票底部那裏的下拉列表)http://john-oc.github.io/ –

回答

0

您可以使用angular的limitTo過濾器限制您的收藏。請參閱limitTo參考。

+0

我不想要下拉的最大長度。我想爲該搜索框實現maxlength,該值將從下拉菜單中進行搜索。希望你現在得到了我的問題? –

0

根據我的理解,您正在使用帶標籤的ui-選擇(作爲組合框)。

在此

,以達到您想要的功能:

去UI選plugin.js和編輯模板 「選擇2/select.tpl.html」(對於主題選擇2):

NG- ATTR-MAXLENGTH = 「{{$ select.tagging.isActivated 50:? ''}}」

添加上面的行到模板,如下所示:

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

如果你想限制輸入搜索本身,然後直接添加maxlength屬性:

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

希望這會有所幫助。 :-)

0

您可以通過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