angular 的 ngb-pagination - 如何仅使用下一个和上一个按钮？

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 8CBA22E28EB17B5F5C6AE2A266AZ 它不会工作。

这里的工作示例： https://stackblitz.com/edit/angular-8-ng-bootstrap-simple-pagination-pfv4jx

Answer 2

查看分页源代码，我看不到任何方法可以显示没有页码启用的上一个和下一个链接。 因此，CSS 是现在唯一的方法。