Angular 2 obtener referencia del elemento host

Question

¿Cómo puedo obtener la referencia del elemento host en angular 2? En mi caso quiero saber que en mi componente si tiene un foco o no. Es posible?

Saludos cordiales!

25

typescript angular

Author: bucicimaci, 2016-05-23

Source

1 answers

score 47 · Accepted Answer

Se obtiene la referencia del elemento host usando

class MyComponent {
  constructor(private elRef:ElementRef) {
    console.log(this.elRef.nativeElement);
  }
}

También puede suscribirse al evento focus

class MyComponent {
  @HostBinding() tabindex = 0;
  @HostListener('focus', ['$event'])
  onFocus(event) {
    console.log(event);
  }
}