2014-10-03 21 views
6

Hai una domanda sulla sincronizzazione di promesse nidificate quando si utilizza $ q in Angular. Il seguente codice garantisce che l'intera catena di promesse sia attesa? Il significato sarà le chiamate annidate ai servizi che le promesse di ritorno saranno attese nel blocco $ q.all?

var call1 = service1.get('/someUr').then(function(){ 
    return service2.get('/someUrl2'); //returns promise 
}); 

var call2 = service3.get('/someUr').then(function(){ 
    return 'hello'; 
}); 

var call3 = service4.get('/someUr').then(function(){ 
    return service3.get('/someUrl3');//returns promise 
}); 

$q.all(call1,call2,call3).then(function(){ 
    console.log('All asynch operations are now completed'); 
}); 

In sostanza: C'è una possibilità con il codice corrente che l'allora di $ q.all eseguirà prima che tutte le promesse annidati vengono risolti? O è ricorsivo?

+1

No, non credo. Il '$ q.all()' attenderà che 'call1',' call2' e 'call3' si risolvano insieme prima di attivare la funzione' then() ', ma le chiamate asincrone nidificate ritornano da' call1' e 'call3' non sarà atteso. – Brett

+0

Avevo l'impressione che avrebbe aspettato. –

+1

Non ho un env angolare a portata di mano per testarlo al momento, ma con le promesse native, sicuramente aspetta. http://jsfiddle.net/p4evLjm6/ –

risposta

4

Sì, sembra che Kevin sia corretto. Ho anche creato un test rapido in angolare per confermare il comportamento.

angular.module('myModule').controller('testController', function ($q,$scope) { 

    function promiseCall(data,timeout) { 
    var deferred = $q.defer(); 

    setTimeout(function() { 
     deferred.resolve(data); 
     console.log(data); 
    }, timeout); 

    return deferred.promise; 
    } 

    var a = promiseCall('call1 a',1000).then(function(){ 
    return promiseCall('call2 a',50); 
    }); 

    var b = promiseCall('call1 b',500); 

    var c = promiseCall('call1 c',1000).then(function(){ 
    return promiseCall('call2 c',50).then(function(){ 
     return promiseCall('call3 c',6000); 
    }); 
    }); 

    $q.all([a,b,c]).then(function(res){ 
    console.log('all calls are done'); 
    }); 

});