如何將 JavaScript 代碼 document.querySelector 轉換成 Angular9？

Question

我有寫在 JavaScript 代碼中的代碼let input= document.querySelector("#input"); 和

input.addEventListener('click', function() {
    canvas.getContext('2d').drawImage(input, 0, 0, canvas.width, canvas.height);
    let image_data_url = canvas.toDataURL('image/jpeg');
});

我想在 angular 中編寫這段代碼我如何在 angular9 項目中轉換和使用這段代碼任何人都請幫助我

Answer 1

最好的方法是這樣的：

<input (click)="clickOnMyInput($event)">

在你的 .ts 文件中

clickOnMyInput(e){
    this.canvas.getContext('2d').drawImage(e.target, 0, 0, this.canvas.width, this.canvas.height);
    let image_data_url = this.canvas.toDataURL('image/jpeg');
}