隠し入力からクリップボードにコピーする - ngx-clipboard

Question

ngxClipboardを使用して角度データバインディング変数から値をコピーします。しかし、私はそれを隠された入力のために働かせることはできません。

<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> 

上記はうまく動作しますが、私はinputタグにtype="hidden"を追加するときには、作業を停止します。

私はウェブデベロッパーではないので、あなたは助けてください。

Answer 1

あなたは[cbContent]を使用してinputせずにこれを行うことができるようになります。

<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