angular-material2 md-paginator pageInvent pageEvent没有意义?

时间:2017-08-02 11:14:22

标签: angular angular-material2

当我触发onPageChange处理程序时,它会给我当前的pageIndex。

我的情况是API的第一页索引是1,而不是0。但是当我设置[pageIndex]='1'时,分页符会显示11-20 of NaN

如果我设置了[pageIndex]='0',则分页符会显示1-10 of NaN

我希望在设置[pageIndex]='1'时,paginator应显示1-10 of NaN

1 个答案:

答案 0 :(得分:0)

索引应从0开始,请参阅此answer

md-paginator pageIndex没有错。如果您的后端期望页码1作为首页,则可以在发送请求之前通过向pageIndex添加1来修复差异。这是一个例子:

HTML:

<md-paginator [length]="length"
              [pageSize]="pageSize"
              [pageSizeOptions]="pageSizeOptions"
              (page)="onPageChange($event)">
</md-paginator>

TS:

onPageChange(event){
    let n = event.pageIndex + 1;
    alert(JSON.stringify("Page Number to send to backend : " + n));
}

Plunker demo