angularjs - AngularJS ui-select 组件，多选+远程服务器

Question

如何使用 ui-select 从 REST 服务实时获取数据？

有一个带有预加载数据的 ui-select 示例，但是对于相同的情况，假设有 1000 个用户，并且您想选择其中 5 个并按名称搜索，例如，您可以实时调用服务吗？不知何故，就像提前打字一样。

Answer 1

从文档中：

像这样设置你的指令：

<ui-select multiple ng-model="yourmodel" theme="select2" ng-disabled="disabled" style="width: 800px;">
    <ui-select-choices repeat="address in addresses track by $index"
         refresh="refreshAddresses($select.search)"
         refresh-delay="0">
    </ui-select-choices>
</ui-select>

搜索时将调用 refreshAddress 函数。这是对服务器的异步调用的样子：

function MyCtrl(){
   $scope.addresses = [];
   $scope.refreshAddresses = function(address) {
     var params = {address: address, sensor: false};
       return $http.get('http://maps.googleapis.com/maps/api/geocode/json', {params: params})
  .then(function(response) {
    $scope.addresses = response.data.results
  });
};
}

此示例调用 google api 端点来获取数据。您将改为调用您的端点。

这是文档的链接：https ://github.com/angular-ui/ui-select/wiki/ui-select