Angular 7 在纯JS上使用dom元素

Question

Hi im using webcamJS library on my Angular project (because i need to use webcam on IE 11) , this library has a function called "attach" and it receive the ID of the element where the image is displayed, when i pass my div id it is not recognized in the library, if i check in the browser inspector, the div id is correct.

there is my html

<div  #my_camera ></div>   <!--div  id="my_camera" ></div -->   

and my Ts which uses pure JS function

Webcam.attach("#my_camera");

i have tried without # but is the same.

the error on library is "Could not locate DOM element to attach to."

What is the best way to use JS in my TS? Why the JS is not recognizing the ID of my DIV?

Regards.

Answer 1

Try this

HTML:

<div  #my_camera ></div>

TS:

@ViewChild('my_camera') myCamaraView : ElementRef;
Webcam.attach(myCamaraView);

For more info check this: https://www.techiediaries.com/angular-elementref/