Angular 2: access an element from the Component, getDocumentById doesn't work

Question

I have an Angular 2 component where I want to retrieve an element div

by its id. I try doing: document.getElementById(\"myId\")

Answer 1

Add Template Reference variable to the element you need access to:

And in the component:

class MyComponent implements AfterViewInit {
   @ViewChild('myDiv') myDiv: ElementRef;

   constructor() {}

   ngAfterViewInit() {
      console.log(this.myDiv);
   }
}