angularjs - promesas - promise angular 6

Pasando variable para prometer en un bucle

Question

Tengo una promesa en un bucle, y no sé cómo pasar algunas variables de ámbito en el controlador de promesa.

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

MyService es un servicio que funciona, con un método get que devuelve una promesa.

app.factory(''MyService'', function($http,$q) {
  return {
     get : function(itemID){
        var deferred = $q.defer();
        $http.get(''/someresturl/''+itemID).then(function(e) { 
                deferred.resolve(e.data);
        }, function(reason) {
                deferred.reject(reason);
        });
        return deferred.promise;
    }
});

En mi consola, console.debug no muestra lógicamente 1,2,3,4,5. Pero 5,5,5,5,5. (hay 5 elementos en mi superarray)

¿Cómo puedo pasar el valor ''i'' en el alcance de mi promesa, así que puedo usarlo en el then ()?

¿Es posible?

Answer 1

Para cuando se ejecute la devolución de llamada, i referiré al último elemento de tu matriz. Puede usar un cierre y capturar el valor actual de i :

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

Answer 2

Una forma es capturar i en un cierre:

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

Otra forma sería organizar que itemID se repita como propiedad de r :

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

Answer 3

Puede simplificar un poco el código usando Array.prototype.forEach incorporado:

superarray.forEach(function (item, index) {
    MyService.get(item.externalID).then(function(r) {
        console.debug(index);
    });
});

Answer 4

Acabo de comentar sobre la solución aceptada, pero actualmente no tengo suficiente reputación.

Creo que la segunda solución de repetir ítem ID como una propiedad de r también funcionaría bien.

manejador de promesa simple:

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 devuelve itemID como una propiedad del objeto devuelto:

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;
    }
}});

Aquí hay un ejemplo de trabajo en plnkr .