我正在尝试创建一个带有排序和分页的表格。当我试图更改应该在一页上呈现的元素数量时，分页器的行为方式很奇怪。如果我单击下拉列表，它会在表格下方呈现下拉列表的内容。（见截图）（如果我点击 5,10,25 或 100，它会选择正确的数字并设置分页器，所以功能是给定的）

编码：

github-repo：https ://github.com/Pethaudi/testing-mat-table

应用程序模块：

应用程序组件：

依赖项：

谢谢！

抱歉提前问了这个问题。我在写这篇文章之前搜索了我的问题并尝试了很多解决方案，但没有运气。我是一个尝试学习材料的 Angular 菜鸟。我的简单项目发出一个 http 请求并使用接收到的 JSON 来填充表格。Angular Material 表工作正常，但分页器不行。它是灰色的并显示第 0 页，共 0 页。

component.html 如下：

component.ts 如下：

我究竟做错了什么？谢谢

我正在尝试对有角度的材料表进行分页。该表目前有虚拟静态数据，将来一旦后端 api 准备好，它将被调用来填充表。目前，该表未将数据显示为分页。即使 Angular 材料分页器显示在表格底部，也会显示所有行。我尝试了所有相关的堆栈溢出答案，但即使显示分页器，表格仍然显示整个数据。下面的代码是从角材料示例复制的相同代码，我在新组件中使用了相同的代码，但列名不同。

主页-component.html

主页组件.ts

我有一个带分页的 Angular 材料表。Paginator具有转到firstPage、previousPage和的方法nextPage（lastPage请参阅文档）。

还有一种方法可以告诉分页器转到特定的页码吗？想paginator.page(5)进入第 5 页？

我尝试设置paginator.pageIndex = 5，但这并没有触发页面事件。

home.component.ts

home.component.html

app.module.ts

我有几个页面大小选项，单击时应在表中相应地显示记录。如果我点击 5，那么应该只显示来自 id:1-5 的记录！！

在这种情况下，如果有人可以帮助我，那就太好了，如果在 API 调用之后显示从获取的记录中的数据

我试图将 aMatPaginator与MatTable谁的 dataSource 输入属性相关联，该属性只是在模板中声明，而不是从组件本身中订阅。例如：

通常，我会将分页器与组件中的数据源相关联，如下所示：

不幸的是，这不适用于前一种方法，因为我们实际上并没有直接创建新的数据源，也无法关联数据源，并且通过async管道自动以声明方式订阅。

这是一个显示问题的 StackBlitz：https ://stackblitz.com/edit/angular-ivy-ebddd6?file=src/app/app.component.html 。