호스트 요소 참조를 가져오는 방법은?

호스트 요소 참조를 가져오는 방법은?

Angular 2에서 호스트 요소 참조를 얻으려면 어떻게 해야 합니까?

저 같은 경우에는 제 부품에 초점이 있는지 없는지 알고 싶습니다.

다음을 사용하여 호스트 요소 참조를 얻을 수 있습니다.

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);
  }
}

하나 이상의 보기를 구성요소에 첨부할 수 있는 컨테이너를 나타내는 ViewContainerRef를 사용합니다.

constructor(private readonly viewRef: ViewContainerRef) {

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

언급URL : https://stackoverflow.com/questions/37383669/how-to-get-host-element-reference