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

Question

我使用 Angular 4 和带有库 ngx-pagination 的 Typescript。我有点不明白这个库。我在 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")}