ngb-pagination for angular - 如何只使用下一页和上一页按钮？

Question

我在我的 angular 应用程序中使用 ngb-pagination 分页，我只需要 "下一页 "和 "上一页 "按钮。但是ngb-pagination也给了我页面按钮。我怎样才能隐藏这些按钮呢？谁有办法？

<ngb-pagination
  [(page)]="page"
  [pageSize]="pageSize"
  [collectionSize]="slotJson.length"
  [maxSize]="1">
  <ng-template ngbPaginationPrevious>Prev</ng-template>
  <ng-template ngbPaginationNext>Next</ng-template>
</ngb-pagination>

Answer 1

我试过很多方法，但都不成功。自定义你可以把数字改为字母。有选项可以隐藏上一个和下一个按钮，但不能隐藏页码。

最坏的情况下，你可以试试这个。

.page-item{
  display:none;
}
.page-item:nth-child(1){
  display:block;
}
.page-item:last-child{
  display:block;
}

在你的 style.css 因为 component.css 它将无法工作。

这里是工作实例。https:/stackblitz.comeditangular-8-ng-bootstrap-simple-pagination-pfv4jx。

Answer 2

审视 分页源码 我没有看到任何方法可以在没有页码的情况下显示上一页和下一页的链接。所以，CSS是现在唯一的方法。