使用秋田/状态管理从 Angular 物料表中的详细信息页面导航返回后，维护搜索页面的 state

Question

我正在寻找可以保存搜索过滤器 state,pagination state 的任何工作示例，然后单击详细信息页面并返回使用 location.back() ZC1C425268E68385D1AB5074C17A4。

我在我的应用程序中使用秋田商店和 angular 材料表来维护 state。

我正在浏览其中一个 AkitaFilter 插件，但它们缺少文档和示例。 任何人都可以使用任何 NGRX 或秋田 State 管理来将 state 保存在 angular 材料表中的解决方案吗？

Answer 1

您可以像这样在每个过滤器的 function 中将表的当前 state 存储在本地存储中，您可以这样做

localStorage.setItem('state', JSON.stringify(this.store.getState()));

或者，您可以将grid/table's filter state 存储在localstorage中，就像您可以将currentPage, sortOrdet等存储在 localstorage 中一样。 因为如果您希望您的数据即使在导航或页面刷新之后仍然存在，那么您可以存储在state localstorage stores也是基于服务的体系结构，其中数据不能持久存在。

您可以通过在您的pagination按钮 function 中执行此操作，每次调用localstorage时，您都可以将当前页面存储在本地存储中。 sorting function 也是如此。