问题标签 [mat-pagination]

我正在使用带有 formArray 的 mat-table，还需要 Mat-paginator。

但不幸的是分页不起作用。

Stackbltiz 演示

样品来源，

.html

.Ts

我正在从可观察对象呈现表数据，然后将数据源分配给分页器。下一页箭头以及第一页和最后一页按钮都在起作用。当我尝试更改每页的项目时，它不起作用。我尝试了 ngAfterViewInit 和页面事件调用，但它们没有任何区别。

我一直在尝试对不使用 mat-table 的结果列表实施 mat-pagination。但是，我在这里找到的所有示例都使用带有分页的 mat-table。

感谢您对此的帮助。

我目前正在从 onInit 上的解析器获取所有数据，并且每次用户与分页交互时都不需要从后端获取数据。

组件.html

组件.ts

我有一些带有 mat-paginator 的 mat-table，如下所示：

在后面的代码中

并在 ngOnInit

在将表格放入 de ng-template 之前，每项工作都很好，我想使用 ng-template 指令在事件列表之间进行更改并添加新事件

有人知道我失去了什么。

我见过类似的问题，但似乎没有什么对我有用。我有一个垫子表，我在其中显示来自 api 的数据。但我不知道如何遍历“数据源”。下面是我的代码，以及我在检查控制台日志时如何获取数据。ts文件

.html 文件

这是我得到的数据：

我需要的数据在filteredData下。

当我做

而不是dataSource，我得到了正确的表，但是分页器（显然）不起作用。

您看到数据已正确呈现，但每页的项目未定义加上搜索输入类型宽度缩小但如果我重新加载页面正确，怎么会？为什么当我访问此页面以及刷新数据时这种有线行为正确呈现

打字稿文件的代码 -

.ts

和 html 文件代码 -

只是为了让您知道带有此类表格的其他页面，垫子分页器效果很好，只有这个困扰着我，感谢您的帮助，提前谢谢...

在订阅中设置 mat-pagintor 时，我仍然不确定。我设置数据后设置它。

我有mat-paginator一个子组件，如下所示：

child.component.html

我想从父组件中获取这个分页器@ViewChild()，如下所示：

父组件.html

但是由于this.paginator未定义，我无法访问子组件中的分页器。我不确定如何从父级访问分页器。一种方法可能是使用以下方法，但如果有一种优雅的方法，我会更喜欢它。任何想法？

我试图在点击分页时调用 API。最初，我静态设置了长度，它工作正常。我能够进行分页 API 调用。然后我也尝试动态设置长度并且它也可以工作，但后来它停止工作。请帮我指出我的错误。我正在 this.totalEmp 中设置内容的长度，并且也能够在 html 端打印它，但是当我尝试在 mat-paginator 中设置 [length] 时。它对我不起作用。我也尝试在 mat-paginator 中设置#paginator，但没有看到任何变化。

我正在尝试实现一个带有分页的 Angular 材料表，它连接到后端，从 Azure 表存储中检索数据。

我知道，表存储支持ExecuteQuerySegmentedAsync，它返回TableContinuationToken。看起来不错。所以在前端，我得到这样的东西：

在 component.ts 中的某处：

现在我想知道，如何获得页数？并让服务器知道我想要什么特定页面？

continuationToken看起来像这样：

事实上，我可以用这个 continuationToken 做什么？

为了更好地理解，表格如下所示：