$ http.get调用搜索功能上的多个json文件

时间:2016-02-22 14:43:14

标签: angularjs json search

我想开发搜索功能,它有五个类别,如所有,银行,汽车,财产和保险。默认情况下,所有(类别名称)选项卡都将处于活动状态,如果我正在尝试搜索,我应该能够搜索我拥有的所有类别。我有四个类别的四个json文件。

any help will be really appreciated.


//code
app.controller('PageCtrl', ['$scope', 'filterFilter','$http','$q', function    ($scope, filterFilter,$http,$q) {
    $scope.items= [];


function getFirstJson() {
    return $http.get("data.json");
}


function getSecondJson() {
    return $http.get("auto.json");
}

function getthirdJson() {
    return $http.get("auto.json");
}

function getfourthJson() {
    return $http.get("auto.json");
}
}]);

1 个答案:

答案 0 :(得分:0)

我认为您要尝试的是拨打所有4个端点并同时解决它们。这可以通过角度$ q库来完成。

$q.all([
  getFirstJson(),
  getSecondJson(),
  getThirdJson(),
  getFourthJson()
])
.then(function(resp1, resp2, resp3, resp4) {
  $scope.items.push(resp1);
  $scope.items.push(resp2);
  $scope.items.push(resp3);
  $scope.items.push(resp4);
});

这将等待所有响应解析然后将其结果推送到items数组。