/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 vote147 views1 answer
Ract import image
TypeScript
-1 vote164 views2 answers
Whats a 3rd wheel
TypeScript
0 vote147 views4 answers
Craeting a method that can take any number of arguments in python
TypeScript
1 vote187 views1 answer
Cannot read property 'slideTo' of undefined TypeError: Cannot read property 'slideTo' of undefined
TypeScript
0 vote186 views1 answer
Ubuntu hosts file location
TypeScript
0 vote156 views1 answer
A "region" configuration value is required for the "s3" service (e.g., "us-west-2"). A list of available public regions and endpoints can be found at http://docs.aws.amazon.com/general/latest/gr/rande.html.
TypeScript
0 vote249 views1 answer
Angular get current date yyyy-mm-dd
TypeScript
3 votes181 views2 answers
Multi line comments latex
TypeScript
4 votes190 views10 answers
Array
TypeScript
2 votes185 views2 answers
String to date in typescript
TypeScript