0

Есть такой код

    $http.get('articles/articles.json').success(function(data){
    $scope.articles = data;
    angular.forEach(data, function(article) {
        $scope.article = [];
        var url = 'articles/'+ article.year +'/' + article.mounth + '/articles' + article.titlemounth + '.json';
        console.log(url);
        $http.get(url).success(function(data){  
            console.log(url);
            $scope.article.push(data);
            data = '';
        });
    });
});

Вот вывод первого лога

articles/2016/april/articlesApril.json
articles/2016/may/articlesMay.json
articles/2016/jun/articlesJune.json

А вот второго

articles/2016/april/articlesApril.json
articles/2016/jun/articlesJune.json
articles/2016/may/articlesMay.json

Т.е http срабатывает не в том порядке в котором задумывалось. Подскажите пожалуйста что можно с этим сделать.

6
  • так как $http шлет асинхронные запросы, а логи выводятся в ответах, нельзя гарантировать в данном случае что ответы будут приходить в том же порядке, что были запросы
    – Grundy
    Commented 13 июн. 2016 в 17:39
  • А не подскажешь как должен выглядеть цикл чтобы отправка запросов была в определенной последовательности и вывод тоже был в той же очередности? Commented 13 июн. 2016 в 17:43
  • кроме того, на каждой итерации цикла затирается значение $scope.article, то есть в любом случае в нем будет только один ответ
    – Grundy
    Commented 13 июн. 2016 в 17:43
  • здесь вопрос в том. что действительно нужно: если запросы должны выполняться по очереди. то есть не слать следующий вопрос до того как придет ответ от текущего, либо ответы должны сохранится в массив в том порядке в каком были посланы.
    – Grundy
    Commented 13 июн. 2016 в 17:45
  • Ответы должны сохранится в массив в том порядке в каком были посланы, сейчас один раз из ~8 запросов, ответы в массив пишутся в произвольном порядке. Commented 13 июн. 2016 в 17:49

1 ответ 1

0

При использовании forEach есть доступ к номеру текущего запроса, таким образом ответ надо просто положить по нужному индексу:

$scope.articles = [];
angular.forEach(data, function(article, index) {
    $scope.article = [];
    var url = 'articles/'+ article.year +'/' + article.mounth + '/articles' + article.titlemounth + '.json';
    console.log(url);
    $http.get(url).success(function(data){  
        console.log(url);
        $scope.article[index] = data;
    });
});

При этом порядок логов также произвольный, но вывод будет в том порядке, в каком слались.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.