Angular2 onresize Ereignis in div fehlende Referenz

Question

derzeit versuche ich herauszufinden, wie man mit window: onresize Ereignis in angular2. Ich habe es in einem Komponenten-Vorlage wie folgt eingebettet:

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

und behandeln das Ereignis in ts-Datei wie

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

in meinem 'event'-Parameter i in haben 'curenTarge',' Quelle 'und' Ziel 'Verweis auf' Fenster ', aber nicht zu meinem div.

Wo liege ich falsch?

Answer 1

Durch Hinzufügen window: machen Sie es zu einem globalen Event-Handler. Obwohl du es zu einem Div hinzugefügt hast, ist es überhaupt nicht mit diesem Div verknüpft. Es würde sich gleich verhalten, egal wo du es hinzufügst.

Sie können auch verwenden

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

weniger verwirrend Code zu haben.