Comment passer d'une valeur à une AngularJS $http succès de rappel

Dans mon AngularJS application que je suis en train de faire la suite

$http.get('/plugin/' + key + '/js').success(function (data) {
    if (data.length > 0) {
        console.log(data);
        //Here I would also need the value of 'key'
    }
});

Maintenant, j'ai besoin d'accéder à la key valeur au sein de la réussite de rappel, c'est à dire j'ai besoin de savoir la valeur qu'il avait lors de la get() demande a été faite.

Tout "meilleure pratique" comment faire?

PS: je peux faire la suite, mais est-il une meilleure façon?

var key = config.url.split('/')[2];
Avez-vous essayé d'y accéder directement? Il sera disponible, essayez console.log(key)
Oui cela ne fonctionne pas, et que le rappel est asynchrone, donc la valeur de la clé pourrait avoir été changé déjà quand il est appelé.
Vous devez certainement avoir accès à key à l'intérieur de la fonction de rappel, et si key va changer tant que ça, attribuer key à une autre variable juste avant l'appel, puis utiliser cette variable dans la fonction de rappel.

OriginalL'auteur Team AIGD | 2013-10-01

  1. 23

    Solution 1:

    $scope.key = key;
$http.get('/plugin/' + key + '/js').success(function (data) {
    if (data.length > 0) {
        console.log(data, $scope.key);
    }
});

    Solution 2 (mise à Jour par Jim Hong observation dans sa réponse):

    $http.get('/plugin/' + key + '/js').success((function(key) {
    return function(data) {
        console.log(key, data);
    }
})(key));
    Solution 2 fonctionne comme un charme, merci!
    Deuxième solution fonctionne pour l'itération avec des rappels. Je l'ai utilisé pour cela: for(var i = 0; i < somelist.longueur; i++){ doHttpRequest().rappel((function(i){ return function(data, etc) { // Faire quelque chose avec l'itérateur valeur } }(i))
    La deuxième solution qui fonctionne pour moi. J'ai édité pour intégrer la correction mentionnée par Jim Hong dans sa réponse ci-dessous.
    .le succès est obsolète. Utilisez ensuite la place

    OriginalL'auteur geniuscarrier

  2. 13

    Référence à @geniuscarrier
    La solution de travail de mon côté est

    $http.get('/plugin/' + key + '/js').success((function(key) {
    return function(data) {
        console.log(key, data);
    }
})(key));

    Depuis l'utilisation de @geniuscarrier, je l obtenir

    données non défini erreur

    .

    Bon point. J'ai édité @geniuscarrier 's réponse le corriger - une note pour les lecteurs qui se demandent quoi de différent dans votre réponse et geniuscarrier la deuxième solution. Ils sont désormais les mêmes.

    OriginalL'auteur Jim Horng

  3. 4

    Techniquement parlant, ce n'est pas un AngularJS problème, mais une caractéristique de javascript

    tout d'abord, fonctions que vous avez définie à l'intérieur d'un portée auront accès à variable locale et paramètre de ses parent portée

    function parent(arg){
   var local
   function child(){
       //have access to arg and local
   }
}

    Portée fonctionne réellement bien avec le parent-enfant analogie: si vous êtes parent et vous propre un cookie, de la cause que vous welling pour le partager avec vos enfants...mais si vous êtes un enfant...votre cookie est votre cookie, votre mère n'est pas autorisé à le toucher :). En d'autres termes, l'intérieur du champ d'application peut accéder extérieur de la portée, mais il ne fonctionne pas deux manières à la fois

    De sorte que vous devrait certainement être en mesure de le faire:

    $http.get('/plugin/' + key + '/js').success(function (data) {
    if (data.length > 0) {
        console.log(data, key); //as long as you can pass it to $http.get as an argument
                                //you can access it here
    }
});

    Deuxièmement, à cause de l'événement de javascript, fonction interne store références à l'extérieur de la fonction de variables. vous avez probablement entendu parler de cette

    des fonctions en javascript sont des objets

    les variables locales et les paramètres sont ainsi privés des membres de la fonction:

    function ObjectA(){ //define a constructor
    var x = 10      //private variable
    changeX : function(){
                  x = 20   //access and MODIFY a variable of parent scope
              }
}

    si vous pouvez comprendre comment la variable privée fonctionne en javascript, alors vous avez essentiellement de comprendre ce que fermeture est. Ainsi, pour la fonction de rappel, il est très possible qu'au moment où elle est déclenchée, la valeur de la portée parent variable est déjà changé. Pour résoudre ce problème, vous pouvez utiliser un Immédiatement appelé la Fonction d'Expression (IIFE)

    $http.get('/plugin/' + key + '/js').success((function(currentKeyValue) {
    return function(data) {
        console.log(currentKeyValue, data);
        //again, currentKeyValue is a REFERENCE to outer function's
        //parameter. However, since String is passed by value in javascript
        //currentKeyValue of outer scope is a DIFFERENT string that has the
        //same value as KEY when it is invoked
    }
})(key)); //immediately invoke the function passing the key as a parameter

    OriginalL'auteur watashiSHUN

  4. 2

    Au lieu de polluer la portée ou de compliquer avec l'iif, un autre le moyen le plus propre est de créer une fonction de rappel et d'appel avec des paramètres;

    var myCallBack = function (key) {
  return function (data) {
    if (data.length > 0) {
      console.log(data, key);
    }
  }
}

$http.get('/plugin/' + key + '/js').success(myCallBack(key));

    OriginalL'auteur coderHASH64codingHASH46code

  5. 2

    Ouf, j'ai été à la recherche pour cette réponse si longtemps, mais c'est bon, il est ici. Juste pour le mettre à jour, depuis l'héritage de la promesse méthodes success et error ont été dépréciés, et nous devrions utiliser la norme then méthode à la place.

    Solution 2 en @geniuscarrier et @jim-rahel réponses peut être réécrite comme ceci:

    $http.get('/plugin/' + key + '/js').then(
    (function(key) {
        return function(data) {
            console.log(key, data);
        }
    })(key),
    function(data) {
        //error handle
    });

    OriginalL'auteur george007