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

Question

我有一个 TableComponent，其中包含一些 指向其他组件的链接。

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

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

提前致谢！

Answer 1

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

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

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