Angular Material 表格 - 服务器端过滤
原文英文，约1400词，阅读约需6分钟。
📝
内容提要
本文介绍如何使用 Angular Material 表格组件实现服务器端数据过滤。通过 GitHub API 创建数据源，并结合 MatSort 和 MatPaginator 实现排序和分页。定义 MatTextFilter 指令监听输入变化，实现数据过滤，并将其集成到数据源中，实现完整的过滤功能。
🔎
延伸解读
服务器端过滤的优势
使用服务器端过滤可以有效处理大量数据，避免在客户端加载过多信息，从而提高性能。通过与 GitHub API 的集成，用户可以实时获取最新数据，确保表格内容的时效性和准确性。
MatTextFilter 指令的实现
MatTextFilter 指令通过监听输入框的变化，动态更新过滤条件。这种设计使得用户体验更加流畅，用户可以即时看到过滤结果，而无需手动刷新或提交表单。
注意 API 限制
在使用 GitHub API 时，需要注意其速率限制。如果达到限制，可能会导致数据无法加载。因此，开发者应考虑实现错误处理机制，以便在速率限制达到时给用户提供友好的提示。
❓
Q&A
如何在 Angular Material 表格中实现服务器端数据过滤？
可以通过创建 MatTextFilter 指令来监听输入变化，并将其集成到数据源中，实现服务器端数据过滤。
Angular Material 表格组件支持哪些功能？
Angular Material 表格组件支持排序、分页和过滤功能。
如何使用 GitHub API 创建数据源？
可以通过 ExampleHttpDatabase 类中的 getRepoIssues 方法，使用 GitHub API 获取数据。
MatSort 和 MatPaginator 在 Angular Material 表格中有什么作用？
MatSort 用于实现排序功能，MatPaginator 用于实现分页功能。
如何在表格组件中集成 MatTextFilter 指令？
在表格组件模板中添加输入框，并将 MatTextFilterDirective 附加到输入框，以实现过滤功能。
TableDataSource 类的作用是什么？
TableDataSource 类封装了数据获取和处理逻辑，包括排序、分页和过滤。
🏷️
