Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 分页:更改页面显示(角度2)_Angular_Pagination - Fatal编程技术网

Angular 分页:更改页面显示(角度2)

Angular 分页:更改页面显示(角度2),angular,pagination,Angular,Pagination,我正在为小时列表[00:00,00:06,…]执行分页。我正在使用NgxPaginationModule。我的每页项目将是固定的,但我希望有[0h-2h,2h-4h,…]而不是[1,2,3,…]作为页面 <div class=" pagination justify-content-center"> <pagination-controls [id]="config2.id"

我正在为小时列表[00:00,00:06,…]执行分页。我正在使用NgxPaginationModule。我的每页项目将是固定的,但我希望有[0h-2h,2h-4h,…]而不是[1,2,3,…]作为页面

            <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>

自述文件

如果需要更自定义的控件集,则需要使用
分页控件directive
并实现自己的组件

因此,这基本上意味着创建您自己的组件,使用
分页模板
,并添加您自己的实现

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


祝你好运。

你有没有用
分页模板尝试过他们的例子?