/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 vote172 views2 answers
Show all posts from category
TypeScript
0 vote183 views1 answer
Query orders by products woocommerce
TypeScript
2 votes235 views2 answers
Eslint no-unused-vars typescript
TypeScript
25 votes245 views4 answers
Filter typescript
TypeScript
1 vote191 views1 answer
Type 'MutableRefObject<undefined>' is not assignable to type 'RefObject<HTMLInputElement>'. Types of property 'current' are incompatible. Type 'undefined' is not assignable to type 'HTMLInputElement | null'. TS2322
TypeScript
0 vote170 views1 answer
Ngx-file-drop allow only image or pdf
TypeScript
0 vote164 views1 answer
How to read web page in type script
TypeScript
1 vote260 views1 answer
Eslint missing file extension ts
TypeScript
0 vote175 views2 answers
Android java loop through all objects in layout
TypeScript
0 vote183 views1 answer
How to make the score add on while its in a loop in python
TypeScript