錯誤做法
使用render2的listen方法進行監(jiān)聽撕彤，之前這樣做须肆，問題是虫溜，監(jiān)聽事件觸發(fā)后游桩，在其他組件中觸發(fā)window的滾動
正確做法
//監(jiān)聽滾動牲迫，加載數(shù)據(jù)
@HostListener('window:scroll', ['$event']) public onScroll = ($event) => {
//客戶端高度
var clientH = document.documentElement.clientHeight;
//body高度
var bodyH = document.body.clientHeight;
//滾動的高度
var scrollTop = document.documentElement.scrollTop;
console.log(bodyH)
//滾動到底部60以內(nèi)
if (bodyH - clientH - scrollTop
<input type="hidden" name="content" value="###錯誤做法
使用render2的listen方法進行監(jiān)聽，之前這樣做众弓，問題是恩溅，監(jiān)聽事件觸發(fā)后，在其他組件中觸發(fā)window的滾動
###正確做法
//監(jiān)聽滾動谓娃，加載數(shù)據(jù)
@HostListener('window:scroll', ['$event']) public onScroll = ($event) => {
//客戶端高度
var clientH = document.documentElement.clientHeight;
//body高度
var bodyH = document.body.clientHeight;
//滾動的高度
var scrollTop = document.documentElement.scrollTop;
console.log(bodyH)
//滾動到底部60以內(nèi)
if (bodyH - clientH - scrollTop < 80) {
if (!this.flag) {
console.log('翻頁');
//翻頁
this.changePage('+');
}
this.flag = true;
} else {
this.flag = false;
}
}
設置flag的目的是避免在滾動的過程中重復加載數(shù)據(jù)脚乡，到達只加載一次的目的">