जावास्क्रिप्ट कोणीय: वादों

Question

मैं कुछ JSON फ़ीड खींचने के लिए एक Angular.js सेवा लिख ​​रहा हूँ की श्रृंखला अज्ञात संख्या के लिए कैसे। प्रारंभ में, सेवा नहीं जानता कि कौन से संसाधन अनुरोध करने के लिए; वे एक अन्य अनुरोध द्वारा लौटाए गए आईडी पर निर्भर हैं।

मैं सिर में दर्द $http सेवा अनुरोध एक साथ चेन हो रही है। क्या ऐसा करने के लिए एक सामान्य रूप से इस्तेमाल किया पैटर्न है?

मैं Array.reduce तकनीक एक और धागा पर सुझाव की कोशिश की है, लेकिन आईडी और अनुरोध किया डेटा सिंक कर समस्या थी।

यह मेरे पास अब तक है। क्या किसी के पास कोई सुझाव है?

aService.factory('dummy', function($http){ 
    // Dummy resources. 
    var resources = [ 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' 
    ]; 
    return { 
     data: function(callback){ 

      var jquerySources = [] 

      var promiseChain = $http({method: 'GET', url: resources[0]}); 
      var l = resources.length 
      for (var i = 1; i < l; i++){ 
       promiseChain.then(function(data){ 

        jquerySources.push({ 
         url: resources[i], 
         source: data 
        }); 

        promise_chain = $http({method: 'GET', url: resources[i]}); 
        if (i === l){ 
         return callback(jquerySources); 
        } 
       }); 
      } 
     } 
    } 
}); 

धन्यवाद।

Answer 1

यदि आपको अनुक्रमिक रूप से अनुरोध करने की आवश्यकता होगी, तो आप एक वादा तैयार करेंगे जिसका उपयोग आप अपनी श्रृंखला के प्रमुख के रूप में कर सकते हैं। उसके बाद, आप कर सकते थे श्रृंखला $ http अप कि सिर करने के लिए कॉल और सिर वादा हल:

aService.factory('seq', function($http, $q){ 
    // Dummy resources. 
    var resources = [ 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' 
    ]; 
    var deferred = $q.defer(); 
    var resourcePromise = deferred.promise; 
    var res = []; 
    angular.forEach(resources, function(resource){ 
     return resourcePromise.then(function(){ 
     return $http({ method: 'GET', url: resource }); 
     }).then(function(data){ 
     res.push({res: resource, data : data}); 
     }); 
    }); 

    deferred.resolve(); 

    return { 
     getResource: resourcePromise.then(function(){ 
      return res; 
     }) 
    }; 
}); 

लेकिन अगर अनुरोध समानांतर में होगा - तो यह सरल समाधान होगा। केवल वादों की सरणी और सभी वादों को हल करने के लिए बस $ q.all फ़ंक्शन को कॉल करें।

aService.factory('par', function($http, $q){ 
    // Dummy resources. 
    var resources = [ 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js', 
     'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' 
    ]; 
    var promises = []; 
    var res = []; 
    angular.forEach(resources, function(resource){ 
     promises.push(
     $http({ method: 'GET', url: resource }).then(
      function(data){ 
      res.push({res: resource, data : data}); 
      }) 
     ); 
    }); 

    return { 
     getResource: $q.all(promises).then(function(){ 
      return res; 
     }) 
    }; 
}); 

यह भी ध्यान रखें दोनों ही मामलों में हम अनुरोध के परिणाम इकट्ठा करने के लिए रेस सरणी है।

संपादित करें: Plunker with example

Answer 2

आप वास्तव में इस को कम के साथ क्या कर सकते हैं: How to chain a variable number of promises in Q, in order?