Процесс запрос HTTP GET полностью, прежде чем нажать событие

Question

Я следующий яваскрипт кода: -

$scope.fav_bill_details=function (id1,id2,bill_id) { 
document.getElementById(id2).style.display="none"; 
$scope.getActiveBill(); 
document.getElementById(id1).style.display="block"; 
$scope.getBillDetails(bill_id); 
$timeout(function(){ 
    var btn=angular.element(document.getElementById(bill_id)); 
    angular.element(document.getElementById(btn.id)).trigger('click'); 
    }); 
}; 

Как вы можете видеть выше, есть два вызова функции выше: - $scope.getActiveBill(); и $scope.getBillDetails(bill_id); оба из этих функций имеют HTTP получать запросы. Они получают данные и обрабатывают их и сохраняют в переменных $ scope. Я хочу, чтобы этот запрос был выполнен до того, как я инициирую событие click, как указано выше. Я выполнил обещания в обеих функциях. Но клик даже заканчивается первым, а затем http-запросы завершены. Как я могу достичь вышеуказанного требования?

Answer 1

Вы должны использовать обещание, как это:

$scope.fav_bill_details=function (id1,id2,bill_id) { 
    document.getElementById(id2).style.display="none"; 
    $scope.getActiveBill().then(function() { 
     document.getElementById(id1).style.display="block"; 
     return $scope.getBillDetails(bill_id); 
    }).then(function() { 
     var btn=angular.element(document.getElementById(bill_id));     
     angular.element(document.getElementById(btn.id)).trigger('click'); 
    }); 

В вашем примере вы вызываете асинхронные функции, но не ждать их, чтобы закончить, это решает ее.