isInfinitiveScrollLoaderEnabled到达页面底部时，我的变量值似乎没有变化。如果我将其放在开始ngOnInit方法中，则它会成功更改。
有什么事吗
export class SomeClass {
private isInfinitiveScrollLoaderEnabled: boolean;
constructor() {
this.isInfinitiveScrollLoaderEnabled = false;
}
ngOnInit() {
window.onscroll = (event) => {
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
console.log('Bottom of page');
this.isInfinitiveScrollLoaderEnabled = true;
}
};
}
}
Angular提供了一种轻松的方法来监听window或上的事件document：
@Component({
selector: 'some-class',
// alternative to @HostListener below
// host: {'(window:scroll)':'onScroll($event')},
...
})
export class SomeClass {
private isInfinitiveScrollLoaderEnabled: boolean;
constructor() {
this.isInfinitiveScrollLoaderEnabled = false;
}
@HostListener('window:scroll', ['$event'])
onScroll(event) {
if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
console.log('Bottom of page');
this.isInfinitiveScrollLoaderEnabled = true;
}
}
}
有关命令式的方法，请参见以编程方式（取消注册）Angular 2中的事件
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句