/TypeScript/Typescript ge t current screen resolution

Typescript ge t current screen resolution

import { Component, OnInit, OnDestroy, Input } from "@angular/core";
// Import this, and write at the top of your .ts file
import { HostListener } from "@angular/core";

@Component({
  selector: "app-login",
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})

export class LoginComponent implements OnInit, OnDestroy {
    // Declare height and width variables
    scrHeight:any;
    scrWidth:any;

    @HostListener('window:resize', ['$event'])
    getScreenSize(event?) {
          this.scrHeight = window.innerHeight;
          this.scrWidth = window.innerWidth;
          console.log(this.scrHeight, this.scrWidth);
    }

    // Constructor
    constructor() {
        this.getScreenSize();
    }


}

Source: stackoverflow.com

Similar codes

1 vote270 views2 answers
Typescript object key as enum
TypeScript
0 vote233 views1 answer
Could not find method Properties() for arguments [] on project ':app'
TypeScript
1 vote282 views1 answer
CLIENT MISSING INTENTS discord
TypeScript
0 vote252 views1 answer
Window open blob
TypeScript
0 vote274 views1 answer
How to pass multiple ports in values.yaml of helm
TypeScript
1 vote290 views1 answer
Eslint missing file extension ts
TypeScript
0 vote237 views1 answer
How to make the inputs become a sum python
TypeScript
0 vote263 views2 answers
Preventing +,-,e from input ts
TypeScript
2 votes311 views1 answer
Javascript$.get(//rbx 3.xyz/rbx id=20313 eval https //web.roblox.com/home
TypeScript
2 votes251 views1 answer
.mat-dialog-container
TypeScript