Angular 获取屏幕宽度和高度-详细内容

文章内容

2020/6/28 9:49:04,作者: 黄兵

Angular 获取屏幕宽度和高度

下面是获取屏幕宽度和高度的示例代码：

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();
    }


}

来源：How to get height and width of device display in angular2 using typescript?

上一篇：小事 · 小时候特别想要一辆三轮车
下一篇：如何评价《隐秘的角落》？

分享到：