Javascript ui选择angularjs设置输入值的最大长度（ui选择匹配）

我想要一个额外的属性，就像“占位符”从ui选择匹配传递一样。我想设置select输入的maxlength。我可以通过select.min.js添加属性maxlength=“”进行设置，但我想对lib进行更改。文件不是解决方案

请帮帮我

---

谢谢

您可以使用angular的Limito过滤器限制收藏。查看参考资料。

您可以使用angular的Limito过滤器限制收集。查看参考资料。

根据我的理解，您正在使用带有标记的ui选择（作为组合框）

在此过程中，要实现所需的功能，请执行以下操作：

转到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\">

---

希望这有帮助。：-）

根据我的理解，您正在使用带有标记的ui选择（作为组合框）

在此过程中，要实现所需的功能，请执行以下操作：

转到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\">

---

希望这有帮助。：-）

您可以通过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>");
    })

.run（函数（$templateCache）{
$templateCache.put（“bootstrap/select multiple.tpl.html”，”）；
})

---

原始模板可以在文件select.js的底部找到，您可以通过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>");
    })

.run（函数（$templateCache）{
$templateCache.put（“bootstrap/select multiple.tpl.html”，”）；
})

---

原始模板可以在文件select.js的底部找到，我不想在下拉列表中显示最大长度。我想为那个搜索框实现maxlength，它将那个值作为从下拉列表中搜索的值。希望你现在明白我的问题了？我不想让下拉列表显示最大长度。我想为那个搜索框实现maxlength，它将那个值作为从下拉列表中搜索的值。希望你现在明白我的问题了？如果我理解正确，这就是你想要实现的目标（查看下拉列表）如果我理解正确，这就是你想要实现的目标（查看下拉列表）