angularjs – 如何在角度JS中获取剪贴板数据

指示

(function() {
app.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) {
            textarea.val(toCopy);
            body.append(textarea);
            textarea[0].select();

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

        return {
            restrict: 'A',link: function (scope,element,attrs) {
                element.bind('click',function (e) {
                    copy(attrs.copyToClipboard);
                });
            }
        }
    })
}).call(this);

HTML

<button  copy-to-clipboard="Copy Me!!!!" class="button">COPY</button>