AngularJS, callback and variables scopes

Question

I m actually facing a problem with javascript in general. In fact, I need to update a list after calling a callback in two different files.

This is my description of the callback :

 this.modify = function(){
    var self = this;
    var success = function(){
      self.user = self.userEdit;
    };

    var err = function(data){
      alert(data);
    };

    UserService.put(this.userEdit, success, err);
  }
}

And this is the function which calls the callback :

 UserService.put = function (data, succ, err) {
        var user = {login:data.login,nom:data.nom,prenom:data.prenom,password:data.password};
        $http({
            url: __ADRS_SRV__ + "user/"+data._id,
            method: "PUT",
            data:user,
            isArray: true
        }).success(function(data){
           succ();
        }).error(function(error){
            err(error);
        });
    }

In fact,

var success = function(){
      self.user = self.userEdit;
    };

doesn't seem to work properly, when I log self.user in the callback call, I got an undefined...

Do you have an idea to bypass this ?

Thanks for advance

runTarm · Accepted Answer · 2014-08-11 07:16:31Z

1

You have to remember the this as self before declaring the success function:

var self = this;
var success = function(){
  self.user = self.userEdit;
};

Or an alternative would be just using this, but bind the function with this variable:

var success = function() {
  this.user = this.userEdit;
}.bind(this);

Hope this helps.

answered Aug 11, 2014 at 7:16

runTarm

11.6k1 gold badge39 silver badges37 bronze badges

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

6 Comments

mfrachet Over a year ago

I have done this at the top of my code, to dont have to rewrite it every time I have a callback function to manage

runTarm Over a year ago

Then it would be better to include those code as well, to free other people from guessing. Is the this.userEdit has been cleared somewhere after the this.modify() is called?

mfrachet Over a year ago

Nop, never... If I call console.log(self.user) just before the callback declaration, I have my object. If I log it into my callback function, I have an undefined. I clear nothing nowhere :-/

runTarm Over a year ago

Did you mean console.log(self.userEdit)?

mfrachet Over a year ago

Yes I m sorry, this morning is a bit hard :/

|

Collectives™ on Stack Overflow

AngularJS, callback and variables scopes

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related