/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 vote152 views1 answer
Unresolved import requests python
TypeScript
0 vote147 views1 answer
Whats a typedef in c++
TypeScript
6 votes134 views3 answers
Mongodb count based on array of ids
TypeScript
3 votes133 views1 answer
Typescript object key from other object
TypeScript
0 vote141 views1 answer
Ngx-file-drop allow only image or pdf
TypeScript
0 vote140 views2 answers
Rails precompile assets in a directory
TypeScript
1 vote146 views1 answer
No directive found with exportAs 'matAutocomplete'
TypeScript
0 vote138 views1 answer
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreDocument'
TypeScript
9 votes136 views4 answers
Angular scroll to top
TypeScript
-1 vote135 views1 answer
Components react to hooks
TypeScript