angular 滑动加载

最新推荐文章于 2024-09-18 13:14:01 发布

未来new出来

最新推荐文章于 2024-09-18 13:14:01 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

文章标签： angular.js javascript 前端

本文链接：https://blog.csdn.net/Tgh_2111/article/details/128220321

import { ElementRef} from '@angular/core';
import {fromEvent} from 'rxjs';

export class TransportMiddleListComponent implements OnInit {

  constructor( private elementRef: ElementRef ) {
  }

angular生命周期

ngAfterViewInit() {
  this.subscribeScoll = fromEvent(this.elementRef.nativeElement.querySelector('.p-datatable-wrapper'), 'scroll').subscribe((event) => {
    if (this.flag && this.elementRef.nativeElement.querySelector('.p-datatable-wrapper').scrollHeight - this.elementRef.nativeElement.querySelector('.p-datatable-wrapper').scrollTop < 649) {
      this.flag = false;
      this.skip += this.limit;
      switch (this.rpcorvox) {
        case "transport":
          this.getTransportListData();
          break;
        case "keys":
          this.getKeysListData();
          break;
        case "transportEta":
          this.getEtaListData();
          break;
        case "transportEscalated":
          this.getSupervisorListData();
          break;
      }
    }
  });
}