使用秋田/狀態管理從 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 也是如此。