Angular 2获取主机元素引用

Question

如何在角度2中获取主机元素引用？在我的情况下，我想知道在我的组件中是否有焦点。有可能吗？

最诚挚的问候！

Answer 1

使用

获取主机元素引用

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

您还可以订阅focus活动

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

Answer 2

使用 ViewContainerRef 表示可以将一个或多个视图附加到组件的容器。

constructor(private readonly viewRef: ViewContainerRef) {

    console.log(this.viewRef.element.nativeElement);
}