AngularJS UISelect - 在搜索上调用REST API(Min 3 chars)

Sun*_*ity 1 angularjs angular-ui ui-select

我使用Angular-UISelect来搜索我的下拉列表.

现在我有一个挑战.

  1. 需要创建一个控制器级别过滤器(作用于控制器而不是应用程序),从用户获取3分钟的字符并基于3个字符命中REST Api并将结果从API绑定回UISelect.

脚步:

  1. UIselect的初始加载将没有任何数据.
  2. 用户输入3个字符
  3. 触发一个过滤器(控制器作用域),它使用3个字符调用REST API
  4. 将REST API响应绑定到UISelect.

当我查看UISelect演示时,它会对已绑定的数据执行搜索.

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

har*_*shr 5

你需要使用

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

在这个功能中refreshAddresses你可以把你的逻辑

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