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

Question

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

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

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

提前致谢！

Answer 1

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

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

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