AngularJS UISelect - 在搜索时调用 REST API(最少 3 个字符)

Question

我使用 Angular-UISelect 来启用对我的下拉列表的搜索。

现在我有一个挑战。

1. 需要创建一个 Controller 级过滤器(作用域为 Controller 而非应用程序)，它从用户那里获取 3 分钟的字符并根据 3 个字符点击 REST Api，并将 API 的结果绑定(bind)回 UISelect。

步骤:

1. UIselect 的初始加载不会有任何数据。
2. 用户键入 3 个字符
3. 触发一个使用 3 个字符调用 REST API 的过滤器( Controller 作用域)
4. 将 REST API 响应绑定(bind)到 UISelect。

当我查看 UISelect 演示时，它对已绑定(bind)的数据执行搜索。

需要一些关于如何去做的输入。

Answer 1

你需要使用

<ui-select-choices repeat="address in addresses track by $index"
         refresh="refreshAddresses($select.search)"
         refresh-delay="0">

在这个函数 refreshAddresses 中你可以放置你的逻辑

$scope.refreshAddresses = function(input) {
    if(angular.isUnDefined(input) || input == null) return [];
    if(input.length < 3) return [];
    return $http.get() //your logic
}