CODEWITHSUNDEEP
javascriptangularjsscope
eclaire211
eclaire211

Reputation: 103

Scoping issue with AngularJS

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! :)

Upvotes: 0

Views: 34

Answers (1)

taguenizy
taguenizy

Reputation: 2265

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 = "";
        });
};

Upvotes: 3

Related Questions