AngularJS $ http request inside service

Question

J'essaie d'obtenir des données d'un service dans un contrôleur et je garde une variable indéfinie. Quand j'exécute cela, j'arrive sur la console, par cet ordre, la ligne 11 est indéfinie et la ligne 9 me renvoie le tableau.

Et quand dans le contrôleur j'essaye d'obtenir la variable foo, il dit aussi undefined.

$scope.fooFighters = MyService.foo; 

Answer 1

ajax/données http, vous devez écrire le code/fonction La raison est en raison de l'exécution asynchrone de l'appel API. Je vous suggère de réécrire le code pour utiliser une usine qui renverra un objet de promesse. Pas besoin d'apporter des variables inutiles.

angular.module("classes").factory("MyService", function($http) { 
    return { 
     fighters: function() { 
      return $http.get("/classes/all").then(function(response) { 
       return response.data; 
      }); 
     } 
    } 
}) 

Et dans votre contrôleur, vous pouvez obtenir la valeur en injectant le service dans le contrôleur, puis en faisant référence comme

MyService.fighters().then(function(data){ 
    $scope.fooFighters = data; 
    }); 

Answer 2

car il faudra un certain temps pour charger les données de requête ajax/http après que cette ligne 9 fonctionnera. Donc, si vous voulez travailler avec à l'intérieur

$http.get("/classes/all").then(function (response) { 
     // do something 
    });