首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >分页不适用于角8

分页不适用于角8
EN

Stack Overflow用户
提问于 2019-06-25 21:14:48
回答 1查看 134关注 0票数 0

我有一个带有分页选项的项目。https://stackblitz.com/edit/angular-sjp8qq

mat-pagination标签的属性与应用程序逻辑没有关联。谁能告诉我为什么吗?

EN

回答 1

Stack Overflow用户

发布于 2019-06-25 22:45:13

下面是我如何得到一个垫子分页工作在我正在工作的应用程序,以适应您的代码,希望这有帮助。

JS

代码语言:javascript
复制
totalElements = 20;
elementsPerPage = 5;
currentPage = 1;
pageSizeOptions = [5, 10, 20];


fillDataSource() {
 this.arraySource = []; // clear so we can repopulate
 for ( let i = 0; i < this.arraySize; i++) { 
   if (this.elementsPerPage &&  this.currentPage) {
     if (i > (this.elementsPerPage * (this.currentPage - 1)) && i <= (this.elementsPerPage * (this.currentPage))) {
      this.arraySource.push(this.arrayTemplate)
     }
   }
 }
 this.data = new MatTableDataSource(this.arraySource)
}

onChangedPage(pageData: PageEvent) {
 this.currentPage = (pageData.pageIndex + 1);
 this.projectsPerPage = pageData.pageSize;

 this.fillDataSource();
}

代码语言:javascript
复制
 <mat-paginator
  #paginator
  [length]="totalElements"
  [showFirstLastButtons]="true"
  [pageSizeOptions]="pageSizeOptions"
  [pageSize]="elementsPerPage"
  (click)="onChangedPage($event)">
 </mat-paginator>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56762101

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档