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的底部找到