从隐藏输入复制到剪贴板 - ngx-clipboard

Question

我想使用 ngxClipboard 从 angular 数据绑定变量中复制一个值。但我无法让它为隐藏的输入工作。

<input #xpathInput value="{{column.xPath}}" />
<button class="btn" type="button" ngxClipboard="xpathInput">
    <img src="~/src/assets/common/images/clipboardCopy.png" height="40" width="35" alt="Copy to clipboard" >
</button>

以上工作正常，但是当我将 type="hidden" 添加到输入标签时它停止工作。

我不是网络开发人员，所以我需要你的帮助。

Answer 1

你应该可以在没有 input 的情况下使用 [cbContent] 来做到这一点：

<button class="btn" type="button" [cbContent]="column.xPath" ngxClipboard>
    <img src="~/src/assets/common/images/clipboardCopy.png" height="40" width="35" alt="Copy to clipboard" >
</button>

Demo

从隐藏输入复制到剪贴板 - ngx-clipboard

Copy to clipboard from hidden input - ngx-clipboard

clipboard

angular