/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 vote260 views1 answer
Typeerror: cannot read property 'initialize' of undefined passport
TypeScript
4 votes231 views1 answer
How to break out of setinterval
TypeScript
0 vote263 views1 answer
Python compare lists unordered
TypeScript
1 vote244 views2 answers
Typescript \!
TypeScript
-2 votes280 views5 answers
Mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given
TypeScript
5 votes286 views2 answers
Copy array typescript
TypeScript
1 vote250 views1 answer
Battle cats challenge battle
TypeScript
0 vote266 views1 answer
Typescript find non matching objects in two arrays
TypeScript
0 vote355 views1 answer
Element of an array is the same as any of the previous elements pandas
TypeScript
0 vote245 views1 answer
Google fonts for flutte
TypeScript