AngularJS : Getting data from Factory and update Controller scope and view

Question

Hello guys I really need help and advice on this factory and controller issue I am having.

I have a factory that gets data from the server

sp.factory('homeFeed',['$window','$http','auth',function($window,$http,auth){
var url = auth.url;
var version = auth.version;
var HomeFeed = {};

HomeFeed.getFeeds = function(user){
    //setting variable for get request on home feed
    var req = {
        method: 'GET',
        url: url + version + '/Feed',
        headers: {
            'Content-Type': 'application/json; charset=utf-8',
            'Authorization': 'Bearer ' + token
        },
    }

    return $http(req).success(function(res){
        return res;
    });
};

return HomeFeed;
}]);

controller--

sp.controller('HomeCtrl',['$scope','homeFeed','$window',function($scope,homeFeed,$window){
//getting all the home feed data
$scope.feeds = homeFeed.getFeeds(JSON.parse($window.localStorage['SP-User']))


}]);

however, after the respond from the server, my view is not updated and the $scope.feeds is not updated as well. Greatly appreciate your help

I think you should pass a callback to getFeeds, call it inside success and update your $scope.feeds there. — Kostas
– Kostas, Commented Aug 3, 2015 at 20:37

Pankaj Parkar · Accepted Answer · 2015-08-03 20:33:31Z

1

As you are doing async $http call then that data would not be available at that instance of time. It would be available when ajax call succeeded. You need to use .then function which will create a promise chain and will execute a function when .success function returns a data.

Controller

sp.controller('HomeCtrl',['$scope','homeFeed','$window',
   function($scope,homeFeed,$window){
     //getting all the home feed data
     homeFeed.getFeeds(JSON.parse($window.localStorage['SP-User']))
     .then(function(data){
        $scope.feeds = data 
     });
   }
]);

answered Aug 3, 2015 at 20:33

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

AngularJS : Getting data from Factory and update Controller scope and view

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related