javascript / beginner
Snippet
Globales Ereignis-Handling
Der @HostListener-Dekorator ermöglicht es einer Komponente, auf Ereignisse des globalen Windows oder des Documents zu reagieren.
snippet.js
javascript
1
2
3
4
@HostListener('window:resize', ['$event'])onResize(event: UIEvent) {console.log('Window width:', window.innerWidth);}
angular
Erklärung
1
@HostListener('window:resize', ['$event'])
Konfiguriert die Methode so, dass sie immer dann ausgelöst wird, wenn die Größe des Browserfensters geändert wird.
2
console.log('Window width:', window.innerWidth);
Greift auf das globale Window-Objekt zu, um die aktuelle Viewport-Breite auszulesen und zu protokollieren.