如何在 ngx-pegination 中只显示当前页码？

Answer 1

目前的输出看起来是显示上一页和下一页，一次最多显示1页，同时显示当前页码。但是，根据您提供的所需输出，您似乎希望显示上一页和下一页，而当前页码始终位于中间。

为此，可以修改pagination-controls组件，将maxSize属性设置为大于1的值，比如3。这样可以一次显示更多页码，始终显示当前页码在中间。

以下是如何修改代码以获得所需输出的示例：

<div class="pagination-container">
  <pagination-controls (pageChange)="onPageChange($event)" [maxSize]="3" [id]="config.id" [directionLinks]="true"></pagination-controls>
   {{config.currentPage }} 
</div>

使用此代码，分页控件组件将显示上一页和下一页，以及中间的当前页码。 maxSize 属性已设置为 3，这意味着一次最多显示 3 个页码。