Angularjs从$http自动完成

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

导读：我试图写一个自动完成指令，从服务器使用$ http请求(不使用任何外部插件或脚本)提取数据。目前它只适用于静态数据。现在，我知道我需要插入我的$ http请求到源指令，但我找不到任何有关的主题的好文档。 http请求 $http.post($scope.url,{ "command": "list

我试图写一个自动完成指令，从服务器使用$ http请求(不使用任何外部插件或脚本)提取数据。目前它只适用于静态数据。现在，我知道我需要插入我的$ http请求到源指令，但我找不到任何有关的主题的好文档。

http请求

$http.post($scope.url,{ "command": "list category() names"}). 
            success(function(data,status) {
                $scope.status = status;
                $scope.names = data;    
            })
            .
            error(function(data,status) {
                $scope.data = data || "Request failed";
                $scope.status = status;   
            });

指示

app.directive('autoComplete',function($timeout) {
    return function(scope,iElement,iAttrs) {
            iElement.autocomplete({
                source: scope[iAttrs.uiItems],select: function() {
                    $timeout(function() {
                      iElement.trigger('input');
                    },0);
                }
            });
        };
    });

视图

<input auto-complete ui-items="names" ng-init="manualcat='no category entered'" ng-model="manualcat">

所以，我怎么把这一切正确的角度方式？

我做了一个自动完成指令，并将其上传到GitHub。它还应该能够处理来自HTTP请求的数据。

这里是演示：http://justgoscha.github.io/allmighty-autocomplete/
这里的文档和存储库：https://github.com/JustGoscha/allmighty-autocomplete

因此，基本上你必须返回一个承诺，当你想从HTTP请求中获取数据，当数据加载时得到解决。因此，您必须注入发出HTTP请求的$ qservice / directive / controller。

例：

function getMyHttpData(){
  var deferred = $q.defer();
  $http.jsonp(request).success(function(data){
    // the promise gets resolved with the data from HTTP
    deferred.resolve(data);
  });
  // return the promise
  return deferred.promise;
}

我希望这有帮助。

（编辑：李大同）

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