使用NGRX保存和应用状态

Question

所以我正在学习NGRX并且接近理解它是如何工作的，我正在调度事件，我可以在store-devtools chrome扩展中看到它们，我想知道的是我如何保存状态并应用它后？我的目的是从特定页面保存状态，这样当我回到该页面时，我将应用旧状态，我不会丢失我的工作

我已经挣扎了近两天，我一直在谷歌上搜索，我还没有找到任何东西......

这里是我的回购：https://bitbucket.org/wmoreiradev/ngrxonfire/src/effects-refactor/

Answer 1

你可以像下面这样做

创建操作以保存并加载当前状态。

离开页面前保存当前状态。您可以在 reducer 功能内部或效果内部执行此操作

localStorage.setItem("currentState", JSON.strigify(state));

当您加载页面调度一个操作以在reducer中加载已保存的状态

case Actions.LOAD_SAVED_STATE:
  return {...state, ...action.payload};

同样，从localStorage中删除保存状态。