/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 vote144 views1 answer
Tostring kotlin
TypeScript
0 vote139 views1 answer
How to change whats in a textarea
TypeScript
0 vote145 views3 answers
SocketException: An attempt was made to access a socket in a way forbidden by its access permissions. in core 6.0
TypeScript
0 vote154 views1 answer
1,
TypeScript
1 vote180 views1 answer
Typescript jest types not found
TypeScript
0 vote137 views1 answer
Java 8 collect multiple lists into single list
TypeScript
1 vote170 views1 answer
Operator '+' cannot be applied to types 'Number' and 'Number'.
TypeScript
0 vote137 views1 answer
Coldfusion check if key exists and not empty
TypeScript
3 votes158 views2 answers
Conditional classes angular
TypeScript
0 vote135 views1 answer
Best esports game ever
TypeScript