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

Another way is to write a directive which disables the submit button

    angular.module('myApp').directive('clickedDisable', function(){
    return {
        restrict: 'A',
        link: function(scope, ele, attrs){
            $(ele).click(function(){
                $(ele).attr('disabled', true);
            });
        }
    };

And in the HTML