Calling service function on resource success callback in AngularJS

Question

I have a service that make a REST call. When the rest call is complete (i.e. the data is available), I want to call the service's function which process that data.

.service('EventService', function(eventRestApi, $scope) { 
     var internalData = { messages : [], headers: [], consolidatedEvents : {} }
     return {    
         loadEvents : function(beginTimeMillis, endTimeMillis) { 
            this.getEvents(beginTimeMillis, endTimeMillis, internalData, null)
                .then(function(result){
                    internalData.consolidatedEvents = this.consolidateEvents(internalData.events)
                })  
         },
         getEvents : function() {...},
         consolidatedEvents : function() {...},
     }

I get an error saying that this doesn't have consolidateEvents. How do I access a function in my service on a callback? Am I approaching this problem wrong?

meriadec · Accepted Answer · 2013-10-24 22:43:23Z

2

In a callback, 'this' become your callback, so to access it you can link the parent scope in a variable.

I recommend that :

.service('MyService', function () {
    var that = this;
    return {
            myCallback : function () {
                    that.myMethod();
            }
    }
});

answered Oct 24, 2013 at 22:43

meriadec

2,98321 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

Calling service function on resource success callback in AngularJS

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