Angular2 ngIfダイナミックな変化

Question

私は*ngIf条件がにバインドされているdiv要素のoffsetTopを表すoffsetTop要素

​​

ため*ngIfを使用しています。私はコンポーネントに何

は、私はサイトがロードされるとき、それは動作しますが、私はスクロールアップまたはダウンしてscrollTop変数の変動値とき、それは同じまま例えば変数

class Test implements onInit{ 
    scrollTop:number = 0; 
    ngOnInit{ 
    window.addEventListener('scroll',function(){ 
     this.scrollTop = window.pageYOffset; 
     console.log(this.scrollTop) 
    },true) 
    } 
} 

でpageYOffsetを維持しています。

*ngIf時計が変わるので、scrollTop変数が変更されたときに再び条件を評価する必要がありますが、私の場合はそうではありません。

私の問題を解決する方法はありますか、それとも別のアプローチが必要ですか？ おかげであなたが使用することができます

Answer 1

：

@HostListener('window:scroll) 
scrollHandler(event) { 
    this.scrollTop = window.pageYOffset; 
    console.log(this.scrollTop) 
} 

または

class Test implements onInit{ 
    scrollTop:number = 0; 
    ngOnInit{ 
    window.addEventListener('scroll',() => { // <== changed to arrow function to keep `.this` 
     this.scrollTop = window.pageYOffset; 
     console.log(this.scrollTop) 
    },true) 
    } 
}