/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 vote183 views1 answer
Nodemon with ts-node not work on linux
TypeScript
0 vote206 views1 answer
Vertical dots latex
TypeScript
6 votes194 views4 answers
Console
TypeScript
1 vote209 views1 answer
Ionic 3 open link external
TypeScript
0 vote200 views1 answer
The Apple I had a built-in video terminal, sockets for __________ kilobytes of onboard random access memory (RAM), a keyboard, and a cassette board meant to work with regular cassette recorders.
TypeScript
0 vote202 views2 answers
Bootstrap dropdown menu not showing
TypeScript
0 vote258 views2 answers
Discord.js stats command
TypeScript
0 vote184 views1 answer
Font awesome reeact js example
TypeScript
1 vote206 views1 answer
Sass migrate division vue
TypeScript
4 votes268 views2 answers
ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.6.0 but 4.1.5 was found instead.
TypeScript