垫分页器在角度材料表中不起作用

Question

我正在开发一个使用分页的示例代码。为此，我正在使用 Angular Material Table。我设法显示了表格内的数据以及分页控件，但不知何故它没有按应有的方式工作。

以下是 stackblitz 存储库链接：

https://stackblitz.com/edit/angular-ivy-i4lmdx?file=src/Service/app.service.ts

重要提示：它在我的 VSCode 上显示以下错误。

请问有什么解决办法吗？

Answer 1

您链接的 stackblitz 中有很多错误，仅举几例：

• 没有导入您正在使用的角材料组件
• 没有调用正确的组件
• 未在 mat-table 中指定正确的数据源

你看到的错误

<块引用>

类型“any[]”上不存在属性“paginator”。

发生是因为您试图将一个对象（分页器）分配到一个数组（dummyDataArray）中，您应该在 MatTableDataSource 对象上设置分页器（在您的情况下 - dataSource）

这是一个有效的 stackblitz