/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

14 votes332 views4 answers
React input onchange typescript
TypeScript
0 vote323 views1 answer
Declaration of instance field not allowed after declaration of instance method. Instead, this should come at the beginning of the class/interface
TypeScript
0 vote341 views1 answer
Stripe create customer
TypeScript
0 vote332 views1 answer
Nuxt typescript middleware property
TypeScript
0 vote341 views1 answer
Get typescript props of component
TypeScript
5 votes327 views2 answers
Array.prototype.map() expects a return value from arrow function array-callback-return react
TypeScript
9 votes339 views1 answer
Types of irony
TypeScript
0 vote361 views1 answer
Testing types
TypeScript
0 vote311 views1 answer
Number of elements in circular queue
TypeScript
1 vote335 views2 answers
Class validator enum
TypeScript