/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 vote121 views1 answer
Add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message
TypeScript
1 vote97 views1 answer
How to delete objects in lua
TypeScript
1 vote134 views1 answer
Binding reference of type 'Set<int, 5>&' to 'const Set<int, 5>' discards qualifiers
TypeScript
0 vote101 views1 answer
Embed python in html
TypeScript
2 votes102 views1 answer
Typescript valueof interface
TypeScript
0 vote113 views1 answer
Copy elements from one array to another java
TypeScript
4 votes117 views3 answers
Expo typescript install
TypeScript
9 votes125 views2 answers
Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
TypeScript
7 votes109 views1 answer
Error: "prettier/@typescript-eslint" has been merged into "prettier" in eslint-config-prettier 8.0.0
TypeScript
0 vote102 views1 answer
Property control in spotfire doest not exist on abstractcontrol
TypeScript