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