如何在 Angular 分頁中隱藏最后一個頁碼？

Question

我想以角度自定義我的分頁，它應該看起來像這樣：

<< < 1 2 3... > >>

<< <... 7 8 9... > >>

有什么辦法可以做到這一點？ 我正在使用 ngx-pagination 但它顯示了我不想要的最后頁碼。 請幫忙。

當前場景：

< 1 2 3... 20 >

想要這個： << < 1 2 3... > >>

Answer 1

這可以通過自定義模板來實現。 在官方文檔示例中：http: //michaelbromley.github.io/ngx-pagination/#/custom-template

在模板中，它循環遍歷pages數組。

<div *ngFor="let page of p.pages"

由於我們不想要最后一頁，只需將其從數組中切出即可

<div *ngFor="let page of p.pages | slice: 0:p.maxSize - 1"

最后結果

完整的工作代碼可以在這里找到： https ://stackblitz.com/edit/angular-xtusj7?file=app/app.component.ts