I have this typescript code:
module MyPage {
export class MyVm {
ToDo : string;
Load() {
//can access todo here by using this:
this.ToDo = "test";
$.get("GetUrl", function (servertodos) {
//but how do I get to Todo here??
this.ToDo(servertodos); //WRONG ToDo..
});
}
}
}
The question is, how do I access the todo member field in the $.get callback?
TypeScript also supports arrow function that preserve lexical scoping. Arrow functions result in similar code to Jakub's example but are neater as you don't need to create the variable and adjust usage yourself:
Here is the example using an arrow function:
$.get("GetUrl", (todos) => {
this.ToDo(todos);
});
data was used in this example too
data parameter was named todos as this is the kind of data that is being supplied by the call. You can use data in place of todos in the above example if you wish. The todos parameter would contain the data object that jQuery passes to the callback.
The same way you do it in javascript
export class MyVm {
ToDo : string;
Load() {
//can access todo here by using this:
this.ToDo = "test";
var me = this;
$.get("GetUrl", function (todos) {
//but how do I get to Todo here??
me.ToDo(todos); //WRONG ToDo..
});
}
}
Fenton is right.
But you can also do this:
mycallback(todos, self) { self.todo(todos)); }
$.get('url', mycallback(todos, this));
