Angular Material Paginator：如何触发 ts 文件上的转到第一页事件

【问题标题】：Angular Material Paginator: How to trigger go to first page event on ts fileAngular Material Paginator：如何触发 ts 文件上的转到第一页事件
【发布时间】：2019-05-17 15:01:57
【问题描述】：

我正在使用材料分页器来分页一些自定义卡片。我做了一个选择器来过滤数据。当我更改选择器值时，我想触发分页器转到第一页事件。因为例如，当我查看第 10 页并更改过滤器值分页器时，如果我没有足够的数据在 10.page 显示，则会向我显示空白页面。

【问题讨论】：

根据documentation 有一个“firstPage()”方法。没试过，不过我想应该可以的
我看到并尝试导入 MatPaginatorModule、MatPaginator 并使用这种方法，如 MatPaginatorModule.firstPage() 但我认为这不是使用它的方法。您对如何使用方法有任何想法吗？顺便说一句，感谢您的回复。
How to use paginator
我不认为这个链接包含我的答案的解决方案。我可以用按钮进入第一页。但我想在值发生变化时自动完成。

标签： angular angular-material

【解决方案1】：

我解决了我的问题。解决方案; 进口

import { MatPaginator } from '@angular/material';

这在您的 .ts 文件中。（不是 app.module.ts）

将此添加到同一文件中

@ViewChild(MatPaginator) paginator: MatPaginator;

在您的选择器数据更改事件中调用此函数

this.paginator.firstPage();

最后你应该改变你的分页符长度，我是这样设计的；

this.paginator.length=mock.length;

【讨论】：