Angular中的ngx-pagination 4.如何获取页码？

Question

我将Angular 4和Typescript与库ngx-pagination一起使用。我有点不明白这个库。我在Java中进行了分页，我希望在页面更改时发送页码。所有项目的数量来自Java站点。我不知道如何处理这个问题。我创建了这段代码： 在html中：

<tr *ngFor="let story of stories | paginate: { itemsPerPage: this.size, currentPage: this.page, totalItems: this.numberOfElements }" style="text-align: left; word-break: break-all;">

<pagination-controls (pageChange)="pageChange.emit($event)"></pagination-controls>

在TS中创建了这个：

@Output() pageChange: EventEmitter<number> = new EventEmitter();

现在我改变它时如何获取页面，例如当我点击下一个或上一个？

Answer 1

在模板

中有此功能

<pagination-controls (pageChange)="page = $event"></pagination-controls>

并在组件中有一个类级变量，只是表示像page: number = 1;这样的页面  

<强>更新

您可以在模板 (pageChange)="pageChanged($event)"

中使用此功能

中的

pageChanged(event){console.log("pageChanged")}