I'm attempting to give the user the ability to select a paragraph and copy it by clicking a button. However, my current code is not working as expected. I initially tried importing directives but encountered errors, prompting me to try a different method. Can anyone spot what's wrong with my code?
HTML:
<p>
<span
id="sticker"
contenteditable
[textContent]="_stickerData?.StickerData"
(input)="onStickerDataChange($event.target.innerHTML)"
>
{{_stickerData?.StickerData}}
</span>
</p>
<button
mat-button
id="btnCopy"
matRipple
class="purple-500 fuse-white-fg mr-12"
(click)="copyText()"
>
Copy
</button>
TS:
copyText() {
const sticker = document.getElementById("sticker");
const btnCopy = document.getElementById("btnCopy");
btnCopy.onclick = () => {
document.querySelector("sticker");
document.execCommand("copy");
};
this._messages.Show("Copied", "SUCCESS", 3);
}