import { Component, HostListener } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'] }) export class AppComponent { public getScreenWidth: any; public getScreenHeight: any; ngOnInit() { this.getScreenWidth = window.innerWidth; this.getScreenHeight = window.innerHeight; } @HostListener('window:resize', ['$event']) onWindowResize() { this.getScreenWidth = window.innerWidth; this.getScreenHeight = window.innerHeight; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter