在页面重新加载之间保存angular应用程序的状态

在页面重新加载之间实现状态持久性的好方法是什么？现在我不是在ngrx的上下文中谈论状态。我指的是当你刷新页面时，一切似乎都消失了：用户注销，所有未保存在后端的更改都消失了，等等

起初我认为这可以通过使用localStorage实现，然后在我需要的每个组件中初始化ngOnInit中的所有内容，但这听起来像是发明了一个轮子。我认为应该有一个现成的解决方案，或者某种模式

---

请告知。

您可以将所需的内容存储在localstorage中，这是一个写操作，因为您提到了访问localstorage的ngrx，将其存储在状态中，所有组件仅通过选择器或任何其他首选方式访问该数据。希望这有帮助

在web中快速搜索有助于在localstorage中存储应用程序状态的点。下面是他们网站上的一个示例实现

从“@angular/core”导入{NgModule}； 从“@angular/platform browser”导入{BrowserModule}； 从'@ngrx/store'导入{StoreModule，actionreducemap，ActionReducer，MetaReducer}； 从“ngrx store localstorage”导入{localStorageSync}； 从“./reducers”导入{reducers}； 常量缩减器：ActionReducerMap={todos，visibilityFilter}； 导出函数localStorageSyncReducerreducer:ActionReducer:ActionReducer{ 返回localStorageSync{keys:['todos']}减速机； } 常量MetaReducer:Array=[localStorageSyncReducer]； @NGD模块{ 进口：[ 浏览器模块， StoreModule.forRoot 减速器， {亚还原剂} ] } 导出类MyAppModule{}