如何在 Angular 2+ 中创建自定义分页？

Answer 1

如果您了解 ngx-bootstrap 并且喜欢他们的组件，但想要不同的外观，您可以在 github 上查看他们的分页组件的实现，然后适应您的情况。

这是上一个按钮的自定义版本的示例，具有大致相同的打字稿代码：

<li *ngIf="directionLinks" class="page-item" [class.disabled]="!hasPrevious() || disabled">
    <a aria-label="Previous" i18n-aria-label="@@pagination.previous-aria"class="page-link" href (click)="!!selectPage(page-1)"
      [attr.tabindex]="(hasPrevious() ? null : '-1')">
      <myCustomIcon aria-hidden="true"></myCustomIcon >
      <span class="sr-only" i18n="@@pagination.previous"></span>
    </a>
  </li>