分页：更改页面显示（angular2）

Question

我实施了一个小时列表[00：00,00：06，...]的分页。我使用的是NgxPaginationModule。我的每页项目将被修复，但不是[1,2,3，...]页面，我想[0h-2h，2h-4h，....]。

            <div  class=" pagination  justify-content-center">
            <pagination-controls
              [id]="config2.id"
              [maxSize]="maxSize2"
              [directionLinks]="directionLinks2"
              [autoHide]="autoHide2"
              [previousLabel]="labels2.previousLabel | translate"
              [nextLabel]="labels2.nextLabel | translate"
              [screenReaderPaginationLabel]="labels2.screenReaderPaginationLabel"
              [screenReaderPageLabel]="associatePagination6minPage(labels2.screenReaderPageLabel)"
              [screenReaderCurrentLabel]="labels2.screenReaderCurrentLabel"
              (pageChange)="pagination2.onPageChange($event)"></pagination-controls>


          </div>

Answer 1

来自自述文件

  

如果您需要更多自定义控件，则需要使用PaginationControlsDirective并实现自己的组件。

所以这基本上意味着创建自己的组件，使用pagination-template并添加自己的实现。

您可以查看默认分页component和template并尝试推出自己的分页。

祝你好运。