Typescript AngularJS Scope Issue

Question

I have the following Typescript:

module MainCtrl {
    interface IMainController {
        getCustomers(): any;
    }

    class MainController implements IMainController {
        static $inject = ['$scope', 'ApiServices','RememberSrvc'];
        constructor(private $scope: any,
                private ApiServices: ApiServices.IApiService,
                private RememberSrvc: RememberSrvc.IRememberService) {
            var vm = this;

        }

        getCustomers(){

            this.ApiServices.get_request_params(, "")
                .then(function(data) {
                    this.RememberSrvc.remember(data);//this is not working
                }, function(err) {

                });

            }

    }

    angular.module('app').controller('MainCtrl', MainController);
}

I cannot access the RememberSrvc from the then block. And although I can console.log the response. I cannot bind data to my view.

Typescript throws an error if i have it directly or with a vm — user3052526
– user3052526, Commented Dec 5, 2015 at 14:27

dfsq · Accepted Answer · 2015-12-05 14:35:29Z

2

You can use arrow function to keep lexical scope:

getCustomers() {
    this.ApiServices.get_request_params(, "")
        .then(data => this.RememberSrvc.remember(data), function (err) {
            // handle error
        });
}

Or you could also bind context explicitly:

this.ApiServices.get_request_params(, "")
    .then(this.RememberSrvc.remember.bind(this), function (err) {
        // handle error
    });

edited Dec 5, 2015 at 14:35

answered Dec 5, 2015 at 14:30

dfsq

193k26 gold badges244 silver badges261 bronze badges

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

1 Comment

user3052526 Over a year ago

Dude those both methods worked, how was i missing this. had been trying to solve it for 2.5 hours now. Thanks mate

Collectives™ on Stack Overflow

Typescript AngularJS Scope Issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related