angular - 当页面重新加载时,ngrx 存储数据被刷新到初始状态
问题描述
如何在 Angular 7 中持久存储 ngrx 数据考虑以下场景
1.当我们登录时,我们将存储用户信息
2.当用户更新他的个人资料时,我们会发送一个更改并且数据将在所有组件中更新
3.这里的问题是什么时候页面刷新发生ngrx存储数据消失了如何解决这个
问题我的问题是制作一个资源并将该资源连接到所有所需的组件以及当资源(数据)发生某些更改时如何将更改反映到所有相关组件请帮助我如何实现这一目标
解决方案
例如像这样使用ngrx-store-localstorage :
import { StoreModule } from '@ngrx/store';
import { localStorageSync } from 'ngrx-store-localstorage';
export function localStorageSyncReducer(rootReducer: any) {
return localStorageSync({ keys: ['what', 'keys', 'do', 'you', 'want', 'to', 'store'], rehydrate: true })(rootReducer);
}
@NgModule({
imports: [
StoreModule.forRoot(reducer, {
metaReducers: [..., localStorageSyncReducer],
}),
],
...
其中keys代表reducer使用的keys: 见文档
推荐阅读
- jquery - jQueryUI Datepicker 在 Safari 浏览器中未正确显示
- c# - 如何使用 ROW_NUMBER() 限制从 SQL Server 返回的结果
- google-chrome - 如何在浏览器中自定义权限对话框?
- docker - Redis 无休止的请求 workers.restart_requested_timestamp 和 /tmp/kdevtmpfsi
- r - 在 R 中为每个唯一 ID 选择随机点
- python - 不知道如何运行这个 Python 脚本
- reactjs - 将文件拖到放置区域上时闪烁
- flutter - Flutter 如何从 Firestore 中检索地理点并显示为谷歌地图的标记?
- html - 将列添加到 Jumbotron
- android - Google Play 上的内部测试应用只提供卸载选项,无法打开