Data in factory nested can't be readed by controller (ANGULAR JS)

Question

Well, I begin...

I've already a factory that loads the data from JSON files succefully:

FIRST FACTORY:

statisticsModule.factory('globalFactory', ['$http', function($http){
  return $http.get('../statistics/php/config_statistics.json')
  .success(function(data){
    return data;
  })
  .error(function(err){
    return err;
  });
}]);

I want:

Read a specific URL that contains this JSON
Inject factory inside another factory that read the data for the URL above.

This factory load the data and returns by console that I want:

SECOND FACTORY:

statisticsModule.factory('statusFactory', ['globalFactory', '$http', function(globalFactory, $http){

  return globalFactory.success(function(data){

      var deserialize = angular.fromJson(data.config.graph_conf_array.arrayReportBD);
      var statusUrl = deserialize[0];

      $http.get(statusUrl).success(function(data){
        console.log(data);
      }).error(function(err){
       err;
      });

    });

}]);

But I want a third task:

Inject data in controller

This is my controller:

statisticsModule.controller('tableController', ['statusFactory', '$scope', '$http', function(statusFactory, $scope, $http){

statusFactory.success(function(){
  
});

}]);

If I want loads data from Second Factory in my controller, How I do?

Sorry for bad english, and thanks in advance.

**SOLVED (06/23/2016)** Here: stackoverflow.com/a/37993845/6291719 — Ulises Vargas De Sousa
– Ulises Vargas De Sousa, Commented Jun 23, 2016 at 14:06

Debasish Mohapatra · Accepted Answer · 2016-06-21 15:00:59Z

0

First of all don't use .success as it doesn't help in promise chaining. .success doesn't create a new promise it returns the original promise.

First Factory

statisticsModule.factory('globalFactory', ['$http', function($http){
  return $http.get('../statistics/php/config_statistics.json')
   .then(function(response){
     return response;
   }, function (error) {
     return error. 
   })
}]);

Second Factory

statisticsModule.factory('statusFactory', ['globalFactory', '$http', function(globalFactory, $http){

   return globalFactory.then(function(data){
        var deserialize = angular.fromJson(data.config.graph_conf_array.arrayReportBD);
        var statusUrl = deserialize[0];
        return $http.get(statusUrl);
   }).then(function (data) {
        return data;
   });

}]);

Now in your Controller

statisticsModule.controller('tableController', ['statusFactory', '$scope', '$http', function(statusFactory, $scope, $http){

    statusFactory.then(function(data){   // data is the data received after get call to statusUrl
        // do something
    });

}]);

edited Jun 21, 2016 at 15:00

answered Jun 21, 2016 at 14:36

Debasish Mohapatra

8564 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ulises Vargas De Sousa Over a year ago

Throws me in console "Error: data.config.graph_conf_array is undefined"

Ulises Vargas De Sousa Over a year ago

And there is the URL that I want... In my original post, he shows me the data by console, but I don't know how inject in my controller.

Collectives™ on Stack Overflow

Data in factory nested can't be readed by controller (ANGULAR JS)

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related