Übergabe der Variable, um in einer Schleife zu versprechen

Question

Ich habe eine Zusage in einer Schleife, und ich weiß nicht, wie einige Gültigkeitsbereichsvariablen in den Promise-Handler übergeben werden.

for(var i in superarray){ 
    MyService.get(superarray[i].externalID).then(function(r){ 
     console.debug(i); 
}); 

MyService ist ein funktionierender Dienst, mit einer Get-Methode, die ein Versprechen zurückgibt.

In meiner Konsole zeigt der console.debug logischerweise nicht 1,2,3,4,5. Aber 5,5,5,5,5. (Es gibt 5 Elemente in meinem Superarray).

Wie kann ich 'ich' Wert in meinem Versprechen Bereich weitergeben, damit ich es in der dann() verwenden kann?

Ist es möglich?

Answer 1

Eine Möglichkeit ist i in einem Verschluss zu erfassen:

for(var i in superarray) { 
    (function(i) { 
     MyService.get(superarray[i].externalID).then(function(r) { 
      console.debug(i); 
     }); 
    })(i); 
} 

Eine weitere Möglichkeit für itemID anzuordnen wäre wie zu wiederholen zurück eine Eigenschaft von r:

for(var i in superarray){ 
    MyService.get(superarray[i].externalID).then(function(r) { 
     console.debug(r.itemID); 
    }); 
}; 

Answer 2

Wenn der Callback ausgeführt wird, verweist i auf das letzte Element in Ihrem Array. Sie können einen Verschluss verwenden und den aktuellen Wert von i erfassen:

for (var i in superarray){ 
    (function(j) { 
     MyService.get(superarray[j].externalID).then(function(r) { 
      console.debug(j); 
     }); 
    })(i); 
} 

Answer 3

Sie können den Code ein wenig vereinfachenmithilfe der integrierten in:

Answer 4

Ich hätte auf die akzeptierte Lösung nur kommentiert, aber ich derzeit nicht genug Ruf.

Ich denke, dass die zweite Lösung der Wiederholung der itemID zurück als eine Eigenschaft von r würde genauso gut funktionieren.

einfache Versprechen Handler:

angular.module('myApp', []).run(['MyService', function(MyService) { 
    superarray = [1, 2, 3, 4, 5]; 


    for(var i in superarray) { 
    MyService.get(superarray[i]).then(function(returned) { 
     console.log(returned.id); 
    }); 
    } 

}]); 

MyService itemID als Eigenschaft des zurückgegebenen Objekts Rückkehr:

angular.module('myApp') 
.factory('MyService', function($http,$q) { 
    return { 
    get : function(itemID){ 
     var deferred = $q.defer(); 

     $http.get('www.google.com').then(function(e) { 
       var returnObject = { 
        'data': e.data, 
        'id': itemID 
       }; 
       deferred.resolve(returnObject); 
     }, function(reason) { 
       deferred.resolve(reason); 
     }); 
     return deferred.promise; 
    } 
}}); 

Hier ist ein funktionierendes Beispiel on plnkr.