Angular2 onresize событие внутри div отсутствует ссылка

Question

В настоящее время я пытаюсь выяснить, как обращаться с окном: событие onresize в угловом2. я встроил его в качестве шаблона компонентов, как это:

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

и обрабатывать событие в TS-файл, как

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

в моем «event'-параметре я имею в„curenTarge“,» источник "и" целевая "ссылка на« окно », но не на мой div.

Где я ошибаюсь?

Answer 1

Добавив window:, вы делаете его глобальным обработчиком событий. Несмотря на то, что вы добавили его в div, он вообще не связан с этим div. Он будет вести себя одинаково независимо от того, где вы его добавляете.

Вы также можете использовать

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

иметь менее запутанный код.