文章内容
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?
评论列表