угловое управление данными нескольких вызовов HTTP

Question

угловое управление данными нескольких вызовов HTTP

0

В этом случае у меня есть серьезная проблема. Я получаю данные от github API по этому коду ниже, но поскольку github alllow всего 30 результатов на страницу, я хотел бы получить все данные для более качественных опций сортировки и нажать на один массив объектов. Ниже вы найдете код, который отлично работает

$scope.getData = function () {
        $http({
            method: "GET",
            url: api url + pageNum
        }).then(function mySucces(response) {
            $scope.mydata = response.data;
            $scope.isLoading = false;
            $scope.result = $scope.mydata.map(function (a) { return { 'name': a.name, 'html_url': a.html_url }; });

        }, function myError(response) {
            $scope.error = response.statusText;

        });
    };

Но я хотел бы сделать что-то вроде этого

$scope.getData = function () {
for(var i =0; i<= $scope.pages.length; i++){
        $http({
            method: "GET",
            url: "apiUrl + i
        }).then(function mySucces(response) {
            $scope.mydata = response.data;
            $scope.isLoading = false;
            $scope.result = $scope.mydata.map(function (a) { return { 'name': a.name, 'html_url': a.html_url }; });

        }, function myError(response) {
            $scope.error = response.statusText;

        });
    };

Любые идеи для этого?

TrzasQ 04 сен. 2016, в 22:55

Источник

0

Я сделал нечто подобное на работе, используя $ q.all () для разрешения всех обещаний. К сожалению, сейчас я не могу получить доступ к репозиториям, и у меня нет необходимой настройки дома, чтобы попробовать пример. Попробуйте посмотреть в этом направлении.
Laurentiu Ilici 04 сен. 2016, в 20:17

Теги:

javascript

angularjs

api

get

1 ответ

Ещё вопросы

Я сделал нечто подобное на работе, используя $ q.all () для разрешения всех обещаний. К сожалению, сейчас я не могу получить доступ к репозиториям, и у меня нет необходимой настройки дома, чтобы попробовать пример. Попробуйте посмотреть в этом направлении.

damjtoh · Answer 1 · 2016-09-04T19-46-00.000Z

Вы должны проверить документацию $ q на сайте AngularJS.

$scope.getData = function () {
    $scope.result = [];
    $scope.error = [];
    $q.all($scope.pages.map(function(page) {
        return $http({
            method: "GET",
            url: "apiUrl" + i
        })
        // This function will be triggered when each call is finished.
        .then(function mySucces(response) {
            $scope.mydata.push(response.data);
            $scope.result.push($scope.mydata.map(function (a) { return { 'name': a.name, 'html_url': a.html_url }; }));

        })
    }))
    // This call will be called when all of the calls are finished.
    .then(function(success) {
        $scope.isLoading = false;
    }).catch(function (error) {
        $scope.error = response.statusText;
    });
}