錯(cuò)誤做法

使用render2的listen方法進(jìn)行監(jiān)聽(tīng)，之前這樣做，問(wèn)題是，監(jiān)聽(tīng)事件觸發(fā)后，在其他組件中觸發(fā)window的滾動(dòng)

正確做法

    //監(jiān)聽(tīng)滾動(dòng)，加載數(shù)據(jù)
    @HostListener('window:scroll', ['$event']) public onScroll = ($event) => {

        //客戶端高度
        var clientH = document.documentElement.clientHeight;
        //body高度
        var bodyH = document.body.clientHeight;

        //滾動(dòng)的高度
        var scrollTop = document.documentElement.scrollTop;
        console.log(bodyH)
        //滾動(dòng)到底部60以內(nèi)
        if (bodyH - clientH - scrollTop 

        <input type="hidden" name="content" value="###錯(cuò)誤做法
使用render2的listen方法進(jìn)行監(jiān)聽(tīng)，之前這樣做，問(wèn)題是，監(jiān)聽(tīng)事件觸發(fā)后，在其他組件中觸發(fā)window的滾動(dòng)
###正確做法

//監(jiān)聽(tīng)滾動(dòng)，加載數(shù)據(jù)
@HostListener('window:scroll', ['$event']) public onScroll = ($event) => {

    //客戶端高度
    var clientH = document.documentElement.clientHeight;
    //body高度
    var bodyH = document.body.clientHeight;

    //滾動(dòng)的高度
    var scrollTop = document.documentElement.scrollTop;
    console.log(bodyH)
    //滾動(dòng)到底部60以內(nèi)
    if (bodyH - clientH - scrollTop < 80) {
        if (!this.flag) {
            console.log('翻頁(yè)');
            //翻頁(yè)
            this.changePage('+');
        }
        this.flag = true;
    } else {
        this.flag = false;
    }
}

設(shè)置flag的目的是避免在滾動(dòng)的過(guò)程中重復(fù)加載數(shù)據(jù)，到達(dá)只加載一次的目的">