用角度2中的if / else语句更改布尔值

Question

我试图根据窗口的大小更改布尔值，但是语法有问题。

这是我所拥有的：

    export class AppComponent {

      isSmall = true;

      constructor(){
        let windowWidth = window.innerWidth;

        if (windowWidth <= 700) {
            isSmall = true;
        }
        else {
           isSmall = false;
        }
      }
    }

任何帮助将不胜感激！

Answer 1

export class AppComponent {

isSmall:boolean = true;
windowWidth: number;

constructor(){
    this.windowWidth = window.innerWidth;

    if (windowWidth <= 700) {
       this.isSmall = true;
    }
    else {
       this.isSmall = false;
    }
  }
}

Answer 2

如果您想在以下代码中获取角度的窗口宽度将有所帮助..

  angular.element($window).bind('resize', function () {
    alert($window.innerWidth);
   });

现在使用$ window.innerWidth您可以设置变量

Answer 3

要获取窗口大小调整时更新的值，可以使用

@HostListener('window:resize')
onResize() {
    this.isSmall = windowWidth <= 700;
}