Scoping issue with AngularJS

Question

I am a bit of a javascript/angular newbie and am having some trouble understanding how the scope works. I have the following code that is not functioning due to scope issues:

Angular:

this.myFxn = function() {
    var x = this.myModel;  //this.myModel is set by an ng-model in the html
    myService.myServiceFxn(x.Id)
        .then(function (response) {
            this.myModel = "";
        });
};

I believe the issue is with my reference to this.myModel inside of the .then(). How can I correctly reference this variable without any scope issues?

Thank you for any help you can give! :)

taguenizy · Accepted Answer · 2016-09-29 15:14:17Z

3

Just keep the reference to the controller in a variable like the example with self

this.myFxn = function() {
    var self = this;
    myService.myServiceFxn(self.myModel.Id)
        .then(function (response) {
            self.myModel = "";
        });
};

answered Sep 29, 2016 at 15:14

taguenizy

2,2851 gold badge12 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Scoping issue with 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

Related