/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

8 votes200 views2 answers
Install material icons for react
TypeScript
0 vote219 views1 answer
Get elements in list in another list c#
TypeScript
1 vote190 views2 answers
Ts-node command compile typescript
TypeScript
1 vote184 views1 answer
Stored procedure that selects in to a table
TypeScript
0 vote194 views1 answer
Typescript how to define class properties to empty
TypeScript
1 vote183 views1 answer
Reduce an array of objects to string
TypeScript
0 vote186 views1 answer
Type a passed component typescript react
TypeScript
0 vote183 views1 answer
Local storage in angaulr
TypeScript
1 vote231 views2 answers
Measurement technique of total fiber attenuation gives
TypeScript
0 vote229 views2 answers
From date and to date validation in angular 9
TypeScript