AngularJS ui-select组件,多选远程服务器

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

导读：如何使用ui-select实时从REST服务获取数据？有一个带有预加载数据的ui-select示例,但是对于相同的情况,假设有1000个用户,并且您想要选择其中的5个并按名称搜索,例如,您是否可以实时调用服务？某种程度上喜欢打字. 解决方法从文档：像这样设置你的指令： u

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

有一个带有预加载数据的ui-select示例,但是对于相同的情况,假设有1000个用户,并且您想要选择其中的5个并按名称搜索,例如,您是否可以实时调用服务？某种程度上喜欢打字.

解决方法

从文档：

像这样设置你的指令：

<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

（编辑：李大同）

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