Angular分页，获取当前页码

Question

我正在尝试获取分页中的当前页面。这是 app.component.html:

中的代码

<ngb-pagination  [collectionSize]="500" [(page)]="page" (click)="showPageIndex(page)" aria-label="Default pagination" ></ngb-pagination>

<p>current page is {{page}}</p>

在app.component.ts中：

public page = 1;


   showPageIndex(pageIndex){
     this.page = pageIndex;
     console.log(this.page);
   }

当我点击页面（比如第 12 页）时，我得到的结果是“1”。当我再次点击时，我得到的结果是“12”（正确的）。

但是，

当前页面是 {{page}}

，显示的是正确的页面。

好像是触发onclick的时候获取的是当前页面的值（不是点击完成后的那个）

这种做法有问题吗？在这种情况下，我应该手动编写分页代码，而不是使用库吗？

感谢您的支持。

谢谢，

Answer 1

尝试使用 (pageChange)="onPageChange(currentPage)，而不是 (click)

Angular分页，获取当前页码

Angular Pagination, Get Current Page number

javascript

pagination

angular8