/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 vote168 views1 answer
Flutter constructor default value
TypeScript
-1 vote155 views1 answer
Node scripts delay
TypeScript
-1 vote157 views1 answer
Var str1='hello world'; var str2='welcome to typescript'; function test(str1:string,str2:string){ console.log(str1.concat(str2)) console.log(str1.concat( 'mr','vinay')) } test(); console.log(str1.concat(str2))
TypeScript
0 vote167 views1 answer
Move between points in godot
TypeScript
7 votes162 views2 answers
Conditional style angular
TypeScript
0 vote163 views1 answer
Conditional styled components with media query
TypeScript
0 vote144 views1 answer
Padding entre les elements css
TypeScript
5 votes180 views5 answers
Angular 8 ngClass If
TypeScript
1 vote162 views1 answer
How do you generate test data
TypeScript
1 vote156 views1 answer
Mysql database exists or not
TypeScript