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

Question

我正在使用 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

我怎样才能做到这一点？

非常感谢!

Answer 1

angular_ui_select 中的输入数据进入 $select.search model .
您可以使用 ui-select-choice 的刷新属性.
只需在 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