组件重定向后保持 Angular Material table 状态

Question

我有一个 TableComponent 和一个 Angular Material table，其中包含一些 link 到其他组件.

当我在 table（上图）的第二页并单击 link 时，routerLink 重定向到 DetailComponent.重定向后，如果我按下后退按钮或执行 location.back()，我会返回到 TableComponent，但 table 位于第一页，而不是我以前的那个。

有没有办法在组件之间重定向后保持 table 的先前状态？

提前致谢！

Answer 1

当您在组件之间重定向时，它们的内容会被销毁，因此被销毁的组件无法记住任何内容；) 但是您可以将有关页面索引的信息存储在应用程序的其他位置（如果您使用的是 Redux，则为服务或存储）。

因此您可以在重定向之前保存页面索引，即使用服务，或者更好的是在每次页面更改后更新服务。

然后您可以获取索引并使用 MatPaginator 的 pageIndex 属性，如文档中所述：https://material.angular.io/components/paginator/api 返回此页面后设置正确的页面索引。 如果您需要更多帮助，请告诉我。