Getting json file from local host using angularjs $http.get method

Question

i am getting a JSON file from local host, i successfully get the data, i can see it when i console log, but when i inject the Factory in my controller it returns a null object, that means the variable erroMessages does not get the JSON object because the success function is not being executed before return in the Factory,please help.

    assetInModule.factory('helperFactory',function($http,$sce){
    'use strict';
    var title = "default";
    var errorMessages = {content:null};

    return {

        title : function(){ return title;},

        setTitle : function(newNitle){title = newNitle;},

        getErrorMessages : function(){

             $http.get('http://127.0.0.1/assetinspa/public/js/helpers/error_messages.json')
                  .success(function(data){

                    errorMessages = data;

                  });

                 return errorMessages; 
        }
    };
});

TweetGeek · Accepted Answer · 2016-05-17 12:19:16Z

2

try

assetInModule.factory('helperFactory',function($http,$sce){
'use strict';
var title = "default";
var errorMessages = {content:null};

return {

    title : function(){ return title;},

    setTitle : function(newNitle){title = newNitle;},

    getErrorMessages : function(){
         return $http.get('http://127.0.0.1/assetinspa/public/js/helpers/error_messages.json');
    }
};
});

angular.controller('YourCtrl', function ($scope, helperFactory) { 
  $scope.errorMessages = {};
  
  helperFactory
    .getErrorMessages()
    .success(function(data) {
      $scope.errorMessages = data;
    });
});

return is fired before $http.success end

answered May 17, 2016 at 12:19

TweetGeek

212 bronze badges

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

2 Comments

Thabo Over a year ago

It returns d {$$state: Object} when i console log, can i get the direct object, because it returns this object,its the first me seeing it

Thabo Over a year ago

Thank you i overlooked the last code segment, it worked,its the first time getting help on stackOverflow

Ganesh Anil Kalumbe · Accepted Answer · 2016-05-17 12:21:42Z

1

    "use strict";
assetInModule.factory("helperFactory", ["$http","$q",
    function ($http, $q) {


        var getErrorMessages = function() {
            var deferred = $q.defer();
            $http.get('http://127.0.0.1/assetinspa/public/js/helpers/error_messages.json')
                .success(function(data) {
                    deferred.resolve(data);
                });

            return deferred.promise;
        };

        return {

            title: function () { return title; },

            setTitle: function (newNitle) { title = newNitle; },
            GetErrorMessages: getErrorMessages
        }
    }
]);

At the time of use

helperFactory.GetErrorMessages().then(function(result){
//get the data
})

answered May 17, 2016 at 12:21

Ganesh Anil Kalumbe

3102 silver badges17 bronze badges

2 Comments

Thabo Over a year ago

I am sorry but i am learning, then how do i get the object in my controller? which property must in call

Pankaj Parkar Over a year ago

don't use custom promise using $q(BAD PATTERN), utilize promise return by $http get method..

Collectives™ on Stack Overflow

Getting json file from local host using angularjs $http.get method

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related