Discussion :

[Amnael]

Bonjour,

voici mon soucis.

Dans une boucle je fais une requête ajax me retournant une valeur que je veux afficher dans un bout de code html.
Le problème c'est que à l'affichage le html de tous mes éléments va prendre le dernier résultat de la requete et non pas le résultat de la requete correspondant à l'itération de la boucle. C'est tout à fait normal en l'état; mais je n'ai aucune idée de comment contourner ce problème.

Voici le code simplifié.

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$.each(missions, function(key,mission){
					$scope.emptyMissions = false;
 
                    $scope.posDate="Calcul en cours";
                    $http({
                        method : "POST",
                        url : "getDatesBasket",
                        data:   {"mission":mission},
                        async:false
                    }).then(function successCallback(response) {
                        $scope.posDate=response['data'];
                    },function errorCallback(response) {
                        $scope.posDate="ERREUR DATE";
                    });
 
 
	var infoContent = <div ng-controller="missionCtrl"> <p ng-bind-html="posDate"></p></div>;

Merci pour votre aide !

[NoSmoking]

Bonjour,
il ne te faut pas réinitialiser ta variable mais concaténer les résultats.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var result_1 = '';
var result_2 = '';
for (var i = 0; i < 10; i += 1) {
  result_1 = i;
  result_2 += i;
}
console.log('result_1 : ', result_1);
console.log('result_2 : ', result_2);

[Amnael]

J'ai contourné le problème en générant l'ensemble de la div après la requête à chaque fois, c'est pas très propre et ça prends plus de temps

Si j'ai le temps je tenterais d'améliorer en appliquant ta méthode.

Merci beaucoup.