角度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); 
    }); 

は今、あなたは値が上の更新を取得するには、あなたの変数

Answer 3

を設定することができます$ window.innerWidthを使用するのに役立ちますウィンドウのサイズ変更、使用することができます

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