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

Question

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

这就是我所拥有的：

    export class AppComponent {

      isSmall = true;

      constructor(){
        let windowWidth = window.innerWidth;

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

任何帮助都将非常感激！

Answer 1

  {% for field in form %}
   <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
        <span class="text-danger small">{{ field.errors }}</span>
    </div>
    <label class="control-label col-sm-2" for="title">{{ field.label_tag }</label>
    <div class="col-sm-10">{{ field }}</div>
 </div>
  {% endfor %}

Answer 2

如果你想采用角度低于代码的窗口宽度将有所帮助..

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

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

Answer 3

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

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