angular5下拉加载更多教程

做到一个web聊天，需要制作一个类似下拉分页的功能，大致思路如下：

1. 安装插件ngx-infinite-scroll

2.msg

onscrolldown() { // 上拉 console.log('scrolled!!'); } onscrollup() { // 下拉 console.log('scrolled up!!'); // http的请求。。。。 this.getchatdatalist(true); this.scrolltotop(); } // 获取客服聊天信息 getchatdatalist(istop : boolean) { let pageno = !istop 1 : this.chatdatalist.pageno + 1; this.http.getdata(pageno, this.chatpagesize).subscribe((res: any) => { if (!istop) { // 请求 第一页数据 this.scrolltobottom(); } else { // 请求 其他分页数据 if (this.chatdatalist.data.length < res.data.total) { var tempdata = res.data.data; for (let i = 0; i < tempdata.length; i++) { const element = tempdata[i]; this.chatdatalist.data.unshift(element); console.log('this.chatdatalist.length', this.chatdatalist.data.length); } } } }); }