PrimeNG 分页器设置页面

Question

我在 Angular 9 项目中使用 primeng 分页器组件来分页大量配置文件。如果用户在第 3 页，打开个人资料并 returns 进行搜索，当前页面是 1，但应该是 3。我已将该页面保存在服务中，因此显示了正确的数据，但是分页器显示错误的页面。我找不到设置分页器当前页面的方法。使用 [first] 属性无效。

Answer 1

您需要手动设置页面。您可以使用 Angular @ViewChild 装饰器来访问 PrimeNg Paginator 组件。

在模板中为该分页器指定一个 ID：

<p-paginator #paginator ...></p-paginator>

并在组件中使用它：

import { Paginator } from 'primeng/paginator';


@ViewChild('paginator', { static: true }) paginator: Paginator

private updateCurrentPage(currentPage: number): void {
  setTimeout(() => this.paginator.changePage(currentPage));
}

PrimeNG 分页器设置页面

PrimeNG Paginator set Page

primeng

angular