Question

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

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

请帮助我。

谢谢

Answer 1

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

Answer 2

根据我的理解，您正在使用带标记的ui-select（作为组合框）。

在此实现您所需的功能：

转到ui-select plugin.js并编辑模板＆＃34; select2 / select.tpl.html＆＃34; （对于主题选择2）：

ng-attr-maxlength =＆＃34; {{$ select.tagging.isActivated？ 50：＆＃39;＆＃39;}}＆＃34;

将上面的行添加到模板中，如下所示：

<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

的底部找到原始模板

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

3 个答案: