Getting an error with "this" after converting to Typescript

Question

My code looked like this but now I put it into a Typescript class and it gives me an error saying that "can't read property role of undefined".

    this.$http({
        method: 'POST',
        url: '/Token',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        data: 'grant_type=password&username=' + encodeURIComponent(userName) + '&password=' + encodeURIComponent(password),
    })
        .success(function (data, status, headers, cfg) {
            data.roles.split(':').forEach(function (v) {
                this.data.role['is' + v] = true;
                v == 'Test'
        })

Do I have to code my function differently with Typescript ? I have two function in the success(), can I replace this with => ?

This video will help clarify : youtube.com/watch?v=tvocUcbCupA&hd=1 — basarat
– basarat, Commented Jul 29, 2014 at 17:11

David Bohunek · Accepted Answer · 2014-07-29 12:57:47Z

1

This in this case this means instance of the class where this code runs. You can definitely convert the functions to arrow functions (=>) and omit this. The code would look like this then:

this.$http({
    method: 'POST',
    url: '/Token',
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
    },
    data: 'grant_type=password&username=' + encodeURIComponent(userName) + '&password=' + encodeURIComponent(password),
})
.success((data, status, headers, cfg) => {
    data.roles
        .split(':')
        .forEach((v) => {
            data.role['is' + v] = true;
            v == 'Test'
        })
});

answered Jul 29, 2014 at 12:57

David Bohunek

3,2011 gold badge24 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Getting an error with "this" after converting to Typescript

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