0

Есть код:

var app = angular.module('app', []);

app.controller('mainCtrl', function($http, $scope){

var get1 = $http.get('http://localhost:3001/get1')
        .success(function (result){
            console.log('success', result);
            $scope.books = result;
        })
        .error(function (result){
            console.log('error');
        });

var get2 = $http.get('http://localhost:3001/get2')
        .success(function (result){
            console.log('success', result);
            $scope.books2 = result;
        })
        .error(function (result){
            console.log('error');
        });

    if (get1 || get2) {
        var get3 = $http.get('http://localhost:3001/get3')
            .success(function (result){
                console.log('success', result);
                $scope.books3 = result;
            })
            .error(function (result){
                console.log('error');
            });
    } else {
        console.log('error');
    }

});

Что написать в условии выполнения get3, чтобы если первый или второй не сработали, не сработал бы и третий?

1 ответ 1

1

Метод get, как и любой другой метод сервиса $http возвращает Promise.

Для того, чтобы дождаться завершения всех Promise, необходимо воспользоваться методом .all из сервиса $q

Таким образом, чтобы запустить третий запрос, только когда завершились успешно два предыдущих, код может принять следующий вид:

$q.all([get1,get2]).then(function(){
    return $http.get('http://localhost:3001/get3');
})

Небольшое отступление: методы success и error устарели и в новых версиях вместо них следует использовать then(successCallback,errorCallback)

Например:

  • было

    $http.get('http://localhost:3001/get3')
        .success(function (result){
            console.log('success', result);
            $scope.books3 = result;
        })
        .error(function (result){
            console.log('error');
        });
    
  • стало

    $http.get('http://localhost:3001/get3')
        .then(function success(response){
            console.log('success', response.data);
            $scope.books3 = response.data;
        }, function error(response){
            console.log('error');
        });
    
13
  • Спасибо, заработало! Я пробовал Ang 1.6, но он "TypeError: $http.get(...).success is not a function". Как тогда нужно написать в данном случае then для 1 и 2 get?
    – Alexey
    14 фев 2017 в 19:38
  • @Alexey, добавил пример
    – Grundy
    14 фев 2017 в 19:42
  • Теперь ошибка "GET localhost:3001/get1 404 (Not Found), XHR finished loading: GET "localhost:3001/get1"
    – Alexey
    14 фев 2017 в 19:48
  • @Alexey, это тебе намекают - что ты неверный адрес для запроса указал:)
    – Grundy
    14 фев 2017 в 19:50
  • Ну как же не правильный, если до этого работало, я переписал только then, а не адресс. Если написать как было, все работает.
    – Alexey
    14 фев 2017 в 19:53

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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