Syncfusion分页器（分页器不工作）在角度7

Question

请参阅下面的stackblitz链接以获取参考

https://stackblitz.com/edit/angular-l4mzdb?file=src%2Fapp%2Fapp.component.ts

正在显示输出的寻呼机组件，但寻呼机组件未考虑要应用分页的数据。

请让我知道是否有人可以回答。

Answer 1

分页应该由我们根据当前页面和页面大小来处理。我已经修改了样本来这样做。

https://stackblitz.com/edit/angular-pager

在示例引入的新变量view中，该变量显示了当前页面，并且基于Pager组件click事件中的参数，使用新值刷新了视图。

<ejs-pager  [pageSize]= '10' [pageCount]='9'  
[totalRecordsCount]='data.length' (click)="click($event)"></ejs-pager>

export class AppComponent implements OnInit {
  view;
  .....
  click(args) {
    if (args.currentPage) {
      let start = (args.currentPage - 1) * 10;
      this.view = this.data.slice(start, start + 10);
    }
  }

}

https://ej2.syncfusion.com/angular/documentation/api/pager/#click