Scroll 在滚动事件5上更新全局变量

我正在研究angular 5应用程序。我想在页面滚动时更新一个变量，但问题是当我将控制台日志放在作用域内时，该变量已更新，但在Dom中未更新。 组成部分：

@HostListener('window:scroll')   public windowScrolling(): void {
    this.isMenuOpen = false;
    console.log(this.isMenuOpen)    // false   }

DOM:

我猜范围内的变量会变成局部变量，但我不知道如何在滚动事件中使其成为全局变量。如果有人有什么解决办法，我真的很感激

**Implement like this**.

ngOnInit() {
            window.addEventListener('scroll', function (e) {
                this.scroll(e);
            }.bind(this), true);
        }

scroll(event: any) {
   console.log(event)
   this.isMenuOpen = false;
   console.log(this.isMenuOpen)
}

**Implement like this**.

ngOnInit() {
            window.addEventListener('scroll', function (e) {
                this.scroll(e);
            }.bind(this), true);
        }

scroll(event: any) {
   console.log(event)
   this.isMenuOpen = false;
   console.log(this.isMenuOpen)
}