How do you disable the submit button after a single click to prevent multiple submissions in Angularjs?

Question

I\'ve looked all over the web including several stack overflow examples for a solution to the question. To be specific, I tried this:

Answer 1

I didn't like any of the provided answers as they all clutter the global scope with the isDisabled variable, why not do it this way instead?

Submit

.

$scope.disableButton = function($event) {
    $event.currentTarget.disabled = true;
};

---

if if you need to submit a form before the disable.

this code is not tested

    Submit

.

$scope.disableFormSubmitButton = function($event) {
    $($event).find('[type=submit]').prop('disabled',true);
};