Comment puis-je retourner des données à partir d'un $http.get() à l'intérieur d'une usine en angularjs

Je vais avoir beaucoup de mal avec cela et je n'arrive pas à trouver quoi que ce soit ici sur ou Google qui me permet de repérer ce que je fais mal

<!DOCTYPE html>
<html data-ng-app="testApp">
   <head>
      <title></title>
   </head>
   <body>
      <div data-ng-controller="myController">
         {{test}}<br/>
         {{test2}}<br/>
         {{test3}}
         <ul>
            <li data-ng-repeat="member in members">{{ member.firstname}}</li>
         </ul>
      </div>
      <script type="text/javascript" src="angular.min.js"></script>
      <script type="text/javascript">
         angular.module('testApp', ['memberFactory']);

         angular.module('testApp',[])
         .factory('memberFactory', function($http){

            var obj = {};
            obj.data = "abcd";
            obj.getResponse = function(){
                var temp = {};
                $http.get('hello.php').success(function(data){
                        alert(data);
                        temp =data;

                });

                return "some return value";
            }

            return obj
         });

         function myController($scope, memberFactory){ 
            $scope.test= "testString";
            $scope.test2= memberFactory.data;
            $scope.test3= memberFactory.getResponse();

         }
      </script>
   </body>
</html>

la return "some return value"; fonctionne mais quand j'essaie de revenir temp, sa valeur null. J'ai essayé différents moyens d'obtenir que cela fonctionne mais je n'arrive pas à définir le temp de la valeur à l'intérieur de la $http.get() fonction

C'est probablement quelque chose de simple (ou d'une stupide erreur/approche erronée de ma part). Tout conseil serait grandement apprécié

vous utilisez angulaire de la version 1.0.1, cela cassera 1.3..

InformationsquelleAutor jonnie | 2013-08-07

angularjs javascript

24

Utilisation reporter:
```
obj.getResponse = function(){                 
    var temp = {};
    var defer = $q.defer();
    $http.get('hello.php').success(function(data){
            alert(data);
            temp =data;
            defer.resolve(data);

    });
    return defer.promise;
}
```
- Qu'est-ce que $q? Je suis pas définie. est-ce une autre bibliothèque?
- Il doit être injecté de la même manière que $http. C'est le AngularJS mise en œuvre de la promesse/reporter le motif.
- ok, mais maintenant, il retourne {"promise":{}} au lieu de rien donc je ne peut toujours pas accéder à mes données, des Idées?
- Essayez à l'aide de "et ensuite" au lieu de "succès". Ce qui ne l'alerte spectacle? Je ne pense pas que l'aide de la "réussite" est un problème.
- J'ai essayé then et toujours la même question, l'alerte à l'intérieur de la get affiche [{"ID":"1","firstname":"John","surname":"Smith"},{"ID":"2","firstname":"Jack","surname":"Jones"}]
- Yep. Essayer de retourner la promesse comme suggéré par @Matt Cooper.
- J'étais manque juste defer.$apply() Merci pour votre aide, si vous souhaitez ajouter le $s'appliquent à votre réponse, je vais accepter votre réponse
- Pourquoi il l'habitude de travailler sans faire $apply()?
- Je ne sais pas pourquoi il n'a pas, mais maintenant, il est soudainement... c'est étrange
- redondant utilisation de q$. $http renvoie une promesse de l'objet obj.getResponse = function(){ var temp = {}; return $http.get('hello.php').succès(function(data){ alert(data); temp =data; }); }
- comment résoudre la différés $http renvoie?
InformationsquelleAutor AlwaysALearner
14

Ce qui se passe ici est un résultat de la nature asynchrone de $http.obtenir, Lorsque vous exécutez $http.obtenir elle n'est pas exécutée dans l'ordre. C'est, il "branches" et de pistes le long de côté le reste du code. Ceci est fait afin de prendre en compte la latence du serveur.

Ici est une mauvaise visualisation.
```
.getResponse Called                Return Temp.
|------------------- | --------------|
                    |---------------------------------|
                    $http.get ~Waiting for Server~    Temp assigned to data.
```
Pouvez-vous voir combien de Temp est retourné avant qu'il a été donné une valeur?

Heureusement, vous pouvez utiliser ce Angulaire appelle une promesse, C'est une variable à laquelle vous pouvez revenir à partir d'une fonction, qui est "résolue" plus tard. Vous instanciez une promesse de ce genre.
```
var myPromise = $q.defer();
```
Attribuer des valeurs à l'aide d'
```
myPromise.resolve(data);
```
Vous pouvez ensuite retourner cette promesse plus tard en la fonction, de la façon normale. ie.
```
return myPromise.promise
```
Bien sûr, pour tout cela, vous devez l' $q bibliothèque, qui vous inclure dans les paramètres de la fonction.
- Oups, ne pas voir Codezilla réponse avant que j'ai posté, ils ont la bonne idée. Je vais laisser cela comme une explication bien.
- Merci pour l'Explication, malheureusement, maintenant, je viens d'obtenir {"promise":{}}
- Terriblement désolé! viens de remarquer un bug dans mon code. Vous avez besoin de retourner myPromise.promesse (comme dans, la promesse de l'objet!) Devrait fonctionner ensuite. Désolé pour vous amenant à vous égarer!
- Ce que je voulais dire, c'est que je suis toujours nul, Ce que je reçois est { "promise": {}} ce que je pense que je devrais être de se {"promise": [{"ID":"1","firstname":"John","surname":"Smith"},{"ID":"2","firstname":"Jack","surname":"Jones"}]}
- J'ai réussi à l'obtenir, j'ai juste besoin d'appeler mypromise.$apply() Merci
- Excellent, je n'aurais pas cru que vous ayez à $apply() cependant, j'ai réussi à le faire fonctionner sur ce plunk (plnkr.co/modifier/gUqz1Q0jUfXhkAJThTaK) pour ce que ça vaut. Bonne chance!
- Merci pour le retour myPromise.la promesse de la partie. Force le savait. Votées! 🙂
- Désolé. Où et comment vous avez utilisé $s'appliquent? En essayant de comprendre ce qui promet chose, mais ...
InformationsquelleAutor Matt Cooper
0
```
//in  $httpProvider.interceptors    
if (typeof response.data === 'string') {
   return response;
}
else {
  return response.data;
}
```
- Pouvez-vous nous expliquer en quoi êtes-vous exactement en train de faire dans la réponse. Il sera aider à comprendre. Tout simplement l'écriture de code pas gonaa donner clearity.
InformationsquelleAutor ivan Ying

Vous devez vous connecter pour publier un commentaire.