/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 vote316 views1 answer
Npm run multiple scripts sequentially
TypeScript
0 vote310 views1 answer
Access single document with its id flutter
TypeScript
1 vote286 views1 answer
Geting request header in loopback4
TypeScript
5 votes298 views3 answers
Typescript check type of variable
TypeScript
0 vote317 views1 answer
S'entrainer pour tests techniques developpeurs web
TypeScript
0 vote352 views1 answer
Cannot find module 'angular-imask' or its corresponding type declarations.
TypeScript
0 vote331 views1 answer
Elements with the button role must be focusable
TypeScript
0 vote317 views1 answer
Regexp in typescript types
TypeScript
0 vote282 views2 answers
How to invert sortField primeng
TypeScript
17 votes302 views6 answers
Uuid javascript
TypeScript