打字稿角7,复制到剪贴板

时间:2019-04-08 10:42:18

标签: angular typescript input clipboard

我想创建一个非常简单的输入组,其中包含一个已禁用的输入和一个将输入值复制到剪贴板的按钮。 复制完后,我想弹出一条小消息说是。

有什么好办法吗?

此方法似乎不起作用,它看起来像个快速修复方法,看起来也不是很好。

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

我得到的html看起来像这样的atm:

        <div class="input-group">
            <input class="form-control" disabled value="TextToBeCopied" #inputToBeCopied/>
            <button (click)="copyInputMessage(inputToBeCopied)" value="click to copy">COPY</button>
        </div>

我只能找到非常奇怪的解决方案,必须有更简单的方法吗?

我已经看到了已经存在的解决方案,没有人适合我,也没有适合我的问题。

0 个答案:

没有答案