Angular material Angular 11材质数据源，无需进一步请求服务器

我一直在玩弄Material Design[版本：11.0.3]表的

基本上，我想发出一个请求，获取响应并显示它，以及排序和限制显示项目的选项（分页）

如果我只是将connect函数的内容替换为“返回响应的一个映射的可观察对象”，那么效果很好，但是排序和分页显然不再起作用（因为它们被删除了），我也不知道如何使它们起作用

我假设示例分页和排序要求在页面加载/初始化时数据已经存在（例如，使用静态数组）。 将请求放在connect（）函数中，将响应的对象保存到一个变量中，然后进行订阅。但是，在排序或分页设置更改之前，在用数据填充最初的空数组后，页面不会更新。这对我来说是有意义的

我的问题是，如何一次获取其中的数据并使用相同的数据进行分页和排序。

---

在这种情况下，我甚至可以使用该原理图，还是会产生误导？

您可以使用数据数组初始化

MatTableDataSource

，然后它将在本地处理分页、过滤和排序，而不尝试获取更多数据

请参见此示例：

---

本例在本地创建数据数组，但您将使用服务器请求的响应。

您可以使用数据数组初始化

MatTableDataSource

，然后它将在本地处理分页、筛选和排序，而不尝试获取更多数据

请参见此示例：

---

本例在本地创建数据数组，但您可以使用服务器请求的响应。

谢谢，本例更有帮助。：）谢谢，这个例子更有用。：）