Sebbene il motore di binding di Angular sia estremamente potente, esistono casi in cui dobbiamo referenziare un oggetto HTML e utilizzarlo all'interno del codice del component. Per referenziare l'oggetto, dobbiamo innanzitutto assegnargli un nome lato template utilizzando le template variable e successivamente importarlo nel component utilizzando la direttiva @ViewChild.
Se l'oggetto che stiamo referenziando è un normale tag HTML, l'oggetto importato nel component è di tipo ElementRef mentre se stiamo referenziando un altro component, il tipo dell'oggetto importato è il tipo del component.

<input type="text" #tb />
<my-component #mc />

export class MyComponent {
  @ViewChild('tb') tb: ElementRef;
  @ViewChild('mc') mc: MyComponent;
  ...
}