Angular 9 使用字符串连接复制到剪贴板

Question

我正在努力解决一个问题。 我想创建一个复制到剪贴板的功能。 这是我的代码：

public copyUrlToClipboard(inputElement) {
        inputElement.select();
        document.execCommand('copy');
        inputElement.setSelectionRange(0, 0);
    }

这很好用，但我有一个问题。 在调用“复制”执行命令之前，我想将此输入中的字符串与另一个字符串值连接起来。 它应该将先前设置的字符串连接到此输入值的开头。 有可能做到这一点吗？

谢谢！

Answer 1

有一些选择。 第一种是使用外部库，如 clipboard.js 或类似的东西。

第二个选项是动态创建一个元素，它将以编程方式填充，您将 select 这个输入，然后执行命令。

const input = document.createElement('input');
input.style.visibility = 'hidden';
input.value = yourPrefix + yourValueFromInput; // (hope you have 2-way binding, so you'll have values in variables)
input.select();
document.execCommand('copy');
input.parentNode.removeChild(input);