How to use angular.scope.$bind

Question!

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 angular.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?

By : Noel Yap


Answers
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.

By : Noel Yap


This video can help you solving your question :)
By: admin