document.getElementById replacement in angular4 / typescript?

Question

So, im working with angular4 in my practice work and this is new for me. Luckyly, in order to get html elements and its values i used documen

Answer 1

You can just inject the DOCUMENT token into the constructor and use the same functions on it

import { Inject }  from '@angular/core';
import { DOCUMENT } from '@angular/common'; 

@Component({...})
export class AppCmp {
   constructor(@Inject(DOCUMENT) document) {
      document.getElementById('el');
   }
}

Or if the element you want to get is in that component, you can use template references.