Angular2 onresize 이벤트 내부 참조 없음

Question

현재 윈도우를 처리하는 방법을 찾으려고합니다 : angular2의 onresize 이벤트. 내가 이런 구성 요소 템플릿을 내장 한 :

<div class="signaturepadContainer" (window:resize)="onResize($event)"> 

및 curenTarge 내 '난에있는 event' - 매개 변수'에

onResize(event: any){ ...dosomethingterrible... } 

처럼 TS-파일의 이벤트를 처리 ',' 원본 '및'대상 '참조'창 ',하지만 내 div 수 없습니다.

어디가 잘못 되었나요?

Answer 1

window:을 추가하면 전역 이벤트 처리기가됩니다. div에 추가 했더라도이 div와 전혀 관련이 없습니다. 그것은 당신이 그것을 추가하는 것과 상관없이 똑같이 행동 할 것입니다.

또한

@HostListener('window:resize', ['$event']) 
onResize(event: any){ ...dosomethingterrible... } 

덜 혼란 코드를 가지고 사용할 수 있습니다.