AngularJS 复制到剪贴板

Question

有没有办法制作一个带有复制功能的复制按钮，它将复制模式的所有内容，您可以将其粘贴到记事本

Answer 1

我的 Controller 中需要此功能，由于要复制的文本是动态的，这是我基于 ngClipboard 中的代码的简单函数模块:

function share() {
    var text_to_share = "hello world";

    // create temp element
    var copyElement = document.createElement("span");
    copyElement.appendChild(document.createTextNode(text_to_share));
    copyElement.id = 'tempCopyToClipboard';
    angular.element(document.body.append(copyElement));

    // select the text
    var range = document.createRange();
    range.selectNode(copyElement);
    window.getSelection().removeAllRanges();
    window.getSelection().addRange(range);

    // copy & cleanup
    document.execCommand('copy');
    window.getSelection().removeAllRanges();
    copyElement.remove();
}

附言
欢迎您现在添加评论，告诉我 manipulate DOM from a Controller 有多糟糕.