I have the following controller which works fine:
function Controller() {}
Controller.prototype = {
getResult: function(project) {
var that = this;
jQuery.ajax({
async: false,
url: "/my-service/call?project=" + project,
dataType: "json",
success: function(data) {
that.result = data;
}
});
}
};
I'd like to use AngularJS .scope.$bind to see if I could eliminate the 'var that = this;' hack. But the following doesn't work:
function Controller() {}
Controller.prototype = {
getResult: function(project) {
angular.scope.$bind(jQuery.ajax({
async: false,
url: "/my-service/call?project=" + project,
dataType: "json",
success: function(data) {
this.result = data;
}
}))();
}
};
What am I missing?
Misko Hevery on the angular mailing responded with:
Controller.prototype = {
getStuff: function(project) {
jQuery.ajax({
async: false,
url: "/service/get-stuff",
dataType: "json",
success: angular.bind(this, function(data) {
this.stuff = data;
})
});
}
};
He also suggested using angular.service.$xhr instead of jQuery.ajax.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With