/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 vote127 views2 answers
Typescript null and undefined check
TypeScript
0 vote134 views1 answer
TypeScript interface for object with arbitrary numeric property names?
TypeScript
2 votes138 views2 answers
Moment datepicker
TypeScript
4 votes161 views2 answers
ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.6.0 but 4.1.5 was found instead.
TypeScript
0 vote131 views2 answers
List of continents
TypeScript
1 vote137 views1 answer
Requests use many proxy python
TypeScript
0 vote131 views1 answer
Do feral cats have rabies?
TypeScript
0 vote130 views1 answer
How can i get 2 inputs in singal line seprated by space
TypeScript
0 vote140 views1 answer
S3.bucket objects filter top 10
TypeScript
51 votes298 views3 answers
Remove duplicates from a list of lists python
TypeScript