angular directive to copy to clipboard

copy.js

(function() {
    .directive('copyToClipboard',  function ($window) {
        var body = angular.element($window.document.body);
        var textarea = angular.element('<textarea/>');
        textarea.css({
            position: 'fixed',
            opacity: '0'
        });

        function copy(toCopy, callback) {
            textarea.val(toCopy);
            body.append(textarea);
            textarea[0].select();

            try {
                var successful = document.execCommand('copy');
                if (!successful) throw successful;
                callback();
            } catch (err) {
                console.log("failed to copy", toCopy);
            }
            textarea.remove();
             
        }

        return {
            restrict: 'E',
            template: '<md-button>'+
                         '<md-icon>content_copy</md-icon>'+
                        '<md-tooltip md-direction="bottom">Copy to clipboard</md-tooltip>'+
                    '</md-button>',
            link: function (scope, element, attrs) {
                element.bind('click', function (e) {
                    copy(scope.copy, function(){
                        scope.success();
                        
                    });
                });
            },
            scope: {
                success: '&',
                copy: '@'
            }
        };
    });
}).call(this);