AngularJS - कई संसाधन प्रश्नों

Question

पूर्ण होने की प्रतीक्षा मैं एक एकल ngResource के साथ परिभाषित कारखाना है:

App.factory('Account', function($resource) { 
    return $resource('url', {}, { 
     query: { method: 'GET' } 
    }); 
}); 

मैं क्वेरी विधि इस कारखाने पर परिभाषित करने के लिए कई कॉल करने कर रहा हूँ। कॉल एसिंक्रोनस रूप से भी हो सकता है, लेकिन मैं दोनों आगे बढ़ने से पहले पूरा करने के लिए कॉल के लिए प्रतीक्षा करने की आवश्यकता:

App.controller('AccountsCtrl', function ($scope, Account) { 
    $scope.loadAccounts = function() { 
     var billingAccounts = Account.query({ type: 'billing' }); 
     var shippingAccounts = Account.query({ type: 'shipping' }); 

     // wait for both calls to complete before returning 
    }; 
}); 

वहाँ AngularJS कारखानों ngResource, jQuery के $ .जब (के समान के साथ परिभाषित के साथ ऐसा करने का कोई तरीका है) तो।() कार्यक्षमता? मैं अपने वर्तमान प्रोजेक्ट में jQuery को नहीं जोड़ना पसंद करूंगा।

Answer 1

आप वादे और $q.all() का उपयोग करना चाहेंगे।

असल में, आप इसका उपयोग अपने सभी $ संसाधन या $ http कॉल को लपेटने के लिए कर सकते हैं क्योंकि वे वादे वापस करते हैं।

function doQuery(type) { 
    var d = $q.defer(); 
    var result = Account.query({ type: type }, function() { 
     d.resolve(result); 
    }); 
    return d.promise; 
} 

$q.all([ 
    doQuery('billing'), 
    doQuery('shipping') 
]).then(function(data) { 
    var billingAccounts = data[0]; 
    var shippingAccounts = data[1]; 

    //TODO: something... 
}); 

Answer 2

मुझे लगता है कि एक बेहतर समाधान है:

$q.all([ 
    Account.query({ type: 'billing' }).$promise, 
    Account.query({ type: 'shipping' }).$promise 
]).then(function(data) { 
    var billingAccounts = data[0]; 
    var shippingAccounts = data[1]; 

    //TODO: something... 
}); 

Answer 3

बेन Lesh से समाधान सबसे अच्छा है, लेकिन इसे पूरा नहीं हुआ है।

$q.all([ 
    doQuery('billing'), 
    doQuery('shipping') 
]).then(function(data) { 
    var billingAccounts = data[0]; 
    var shippingAccounts = data[1]; 

    //TODO: something... 

}).catch(function(data) { 

    //TODO: handle the error conditions... 

}).finally(function() { 

    //TODO: do final clean up work, etc... 

}); 

आप catch को परिभाषित नहीं है और अपने वादे के सभी: आप त्रुटि की स्थिति को संभालने के लिए की जरूरत है - - और हाँ, आप ऐसा करेंगे तो आप catch विधि इस तरह वादा एपीआई पर उपयोग करना चाहिए असफल, फिर then विधि कभी निष्पादित नहीं होगी और इस प्रकार संभवतः आपके इंटरफ़ेस को खराब स्थिति में छोड़ देगा।