/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

0 vote193 views2 answers
Https://duckduckgo.com/?t=avast Ariana Grande (@arianagrande) • Instagram photos and videoswww.instagram.com › arianagrande 203.2m Followers, 686 Following, 4664 Posts - See Instagram photos and videos from Ariana Grande (@arianagrande)
TypeScript
0 vote202 views1 answer
How to loop the jquery formData key object in jqueyr
TypeScript
0 vote164 views1 answer
Python how to use while loop to handle invalid inputs
TypeScript
1 vote173 views2 answers
How to delete firebase collection
TypeScript
0 vote209 views2 answers
Fibonacci counter in typescript
TypeScript
0 vote168 views1 answer
Python create dir when not exsit
TypeScript
0 vote194 views1 answer
Geodataframe from lat lon points python
TypeScript
0 vote197 views1 answer
Extends multiple class typescript
TypeScript
0 vote195 views1 answer
Automation strategy of manual test cases
TypeScript
13 votes172 views5 answers
Useref typescript
TypeScript