AngularJS: renvoi des données du service au contrôleur

Question

J'essaie de créer un service pour obtenir json et me le transmettre homeCtrl Je peux obtenir les données mais quand je le passe à mon homeCtrl, il retourne toujours indéfini. Je suis coincé.

Mon service:

var myService = angular.module("xo").factory("myService", ['$http', function($http){
  return{
    getResponders: (function(response){
      $http.get('myUrl').then(function(response){
         console.log("coming from servicejs", response.data);
      });
    })()
  };
  return myService;
  }
]);

Mon contrôleur domestique:

var homeCtrl = angular.module("xo").controller("homeCtrl", ["$rootScope", "$scope", "$http", "myService",
function ($rootScope, $scope, $http, myService) {
 $scope.goData = function(){
     $scope.gotData = myService.getResponders;
 };
 console.log("my service is running", $scope.goData, myService);
}]);

Answer 1

Vous devez renvoyer la promesse de la fonction getResponders, et lorsqu'elle est résolue, elle doit renvoyer response.data à partir de cette fonction.

sine

var myService = angular.module("xo").factory("myService", ['$http', function($http) {
    return {
        getResponders: function() {    
            return $http.get('myUrl')
            .then(function(response) {
                console.log("coming from servicejs", response.data);
                //return data when promise resolved
                //that would help you to continue promise chain.
                return response.data;
            });
        }
    };
}]);

Toujours à l'intérieur de votre contrôleur, vous devez appeler la fonction d'usine et utiliser .then pour obtenir l'appel lorsque la fonction de service getResponders résout le $http.get appeler et affecter le data à $scope.gotData

Code

 $scope.goData = function(){
     myService.getResponders.then(function(data){
          $scope.gotData = data;
     });

 };

Answer 2

Ceci est un exemple de la façon dont j'ai fait pour mon projet, cela fonctionne bien pour moi

var biblionum = angular.module('biblioApp', []);//your app
biblionum.service('CategorieService', function($http) {


    this.getAll = function() {

        return $http({
            method: 'GET',
            url: 'ouvrage?action=getcategorie',
            // pass in data as strings
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}  // set the headers so angular passing info as form data (not request payload)
        })
                .then(function(data) {

                    return data;


                })


    }


});

biblionum.controller('libraryController', function($scope,CategorieService) {
  
    var cat = CategorieService.getAll();
    cat.then(function(data) {
        $scope.categories = data.data;//don't forget "this" in the service
    })

  });