检查窗口大小Angular 2

Question

我需要检查窗口大小，如果它是＆lt; 1400 px（笔记本电脑），最好的方法是什么？

如果小于1400，我想将变量设置为true。

Answer 1

你可以得到这样的值：

constructor() {
  // User screen size
  const screenHeight = window.screen.height;
  const screenWidth = window.screen.width;

  // Actual space available in navigator
  const actualHeight = window.innerHeight;
  const actualWidth = window.innerWidth;
}

但是如果用户调整窗口大小，这不会改变。

您可以使用HostListener：

获取这些新值

@HostListener('window:resize', ['$event'])
onResize(event) {
  this.newInnerHeight = event.target.innerHeight;
  this.newInnerWidth = event.target.innerWidth;
}

调整导航器窗口大小时将调用

onResize。可能经常，您可能需要Subject来处理它。