时间戳

首页 > 解决方案 > ngb-pagination for angular - 如何只使用下一个和上一个按钮？

javascript - ngb-pagination for 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>

标签： javascriptangularpaginationng-bootstrapangular-bootstrap

解决方案

我尝试了很多以找出选项，但没有成功。您可以进行自定义以将数字更改为字母。可以选择隐藏上一个和下一个按钮，但不能隐藏页码。

更糟糕的情况你可以试试这个：

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

在您的内部style.css，因为component.css它不起作用。

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

推荐阅读