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

标签 angular typescript routing angular-material angular-routerlink

我有一个 TableComponent,它有一个 Angular Material 表,其中包含一些到其他组件的链接

Second page of the table

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

First page of the table

在组件之间重定向后,是否有办法保持表的先前状态

提前致谢!

最佳答案

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

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

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

关于angular - 组件重定向后保持 Angular Material 表状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57286141/

相关文章:

linux - 使用Linux,如何指定在哪个以太网接口(interface)上传输数据

javascript - ionic 可观察的拔丝嵌套属性

Angular2 在 CanActivate 之前解析

有 Angular Material : How to set required validator as optional in reactive form

angular - 带有自定义参数的 ngFor trackBy 函数

angular - 当我打开另一个面板时调用 <mat-expansion-panel> 的 (closed) 函数

javascript - 从外部 webpack 导入(运行时导入)

kubernetes - 基于Istio版本的路由导致404

Angular2 路由 : Multiple Components at once

javascript - 函数组合的类型系统