javascript - 使用 Akita/State 管理从 Angular Material 表中的详细信息页面导航回来后保持搜索页面的状态

Question

我正在寻找任何可以在单击详细信息页面并返回使用 location.back() 函数后保存搜索过滤器状态、分页状态的工作示例。

我在我的应用程序中使用秋田商店和角度材料表来维护状态。

我正在浏览其中一个 AkitaFilter 插件，但它们缺少文档和示例。任何人都可以使用任何 NGRX 或秋田州管理来将状态保存在角度材料表中吗？

Answer 1

您可以像这样在您可以执行的每个过滤器的功能中将表的当前状态存储在本地存储中

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

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

您可以这样做，在您的按钮函数中，您可以在每次调用函数时将pagination当前页面存储在您的函数中。localstorage功能也是如此sorting。