Mat Table/Mat Sort Header：如何获取排序的列？或者返回时如何保持表格排序？答案

【问题标题】：Mat Table/Mat Sort Header: How to get which column is sorted? Or how to keep table sorted when going back?Mat Table/Mat Sort Header：如何获取排序的列？或者返回时如何保持表格排序？
【发布时间】：2021-05-20 23:01:03
【问题描述】：

我有一个带有 Mat Sort Header 的 Mat Table。在这个表格中，每一行都有一个按钮，用户可以点击该按钮，进入另一个页面（另一个组件），然后点击一个“返回”按钮回到表格。

当用户返回表格时，如果用户进行了垫排序，我需要对表格进行排序。我想我可能必须保留按 asc 或 desc 排序的列的信息，以便我可以将排序设置回表格。

类似：

<mat-table [dataSource]="dataSoruce" matSort (matSortChange)="sortChange($event)">

可以这样做吗？或者有没有其他方法可以实现我的目标？谢谢。

【问题讨论】：

标签： angular mat-table

【解决方案1】：

通常当您在组件之间导航时，原始状态将被破坏。因此，为了保存组件的状态，在您的情况下是角度材料表，您需要使用 Redux 之类的东西或其他一些状态管理来保存状态。然后，您可以使用 Table 的排序标头 API 来恢复状态。

https://material.angular.io/components/sort/overview

【讨论】：