angular4 监听window滚动事件 实现页面滚动加载

错误做法

使用render2的listen方法进行监听，之前这样做，问题是，监听事件触发后，在其他组件中触发window的滚动

正确做法

    //监听滚动，加载数据
    @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以内
        if (bodyH - clientH - scrollTop