angular 7 中的 Syncfusion 寻呼机（分页器不工作）

Question

请参阅下面的 stackblitz link 以供参考

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

angular 7 中的 Syncfusion 寻呼机（分页器不工作）

Syncfusion pager(paginator not working )in angular 7

syncfusion

angular