angularjs – 如何获取在ui-select搜索框中输入的值？

发布时间：2020-12-17 17:25:28 所属栏目：安全来源：网络整理

导读：我正在使用ui-select( https://github.com/angular-ui/ui-select). ui-select支持我们搜索,选择和多选.但是,如何在ui-select搜索框中输入用户输入的值？如果用户键入的值不正确,我想显示错误消息. 示例：在下面这个带有Select2主题的plunker中,当用户输入：

我正在使用ui-select( https://github.com/angular-ui/ui-select).

ui-select支持我们搜索,选择和多选.但是,如何在ui-select搜索框中输入用户输入的值？如果用户键入的值不正确,我想显示错误消息.

示例：在下面这个带有Select2主题的plunker中,当用户输入：’asdasd'(此文本与任何结果不匹配)时,我想显示一条消息“找不到任何结果！”通过分配’scope.person.selected’

plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview

我怎样才能做到这一点？

非常感谢！

解决方法

angular_ui_select中的输入数据进入$select.search模型.
您可以使用ui-select-choice的refresh属性.
只需在refresh =“test($select.search)”中传递函数,并分别使用refresh-delay和minimum-input-length属性设置延迟和最小输入长度.
这是一个简单的例子：

<ui-select ng-model="model" theme="theme">
     <ui-select-match>{{data}}</ui-select-match>
     <ui-select-choices repeat="options in data" refresh="yourFunction($select.search)" refresh-delay="100" minimum-input-length="1"></ui-select-choices>      
</ui-select>

我建议你仔细阅读文档,希望它会有所帮助.
angular-ui-select

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!