如何解决延迟加载时NGXS不保存数据
在延迟加载模块时尝试使用NgxsStorageModule
将数据保存在本地存储中时,我在NGXS中遇到问题。
我的配置文件模块包含帐户信息组件,并且此配置文件模块是惰性加载,并且我正在调用要从帐户信息组件内部的ngOnInit
函数获取用户信息的操作,但数据不会保存在localStorage
内,但是如果我走了任何一条路线或进行了任何操作,则数据保存在存储器中...那么这是由于延迟加载而引起的吗?
个人资料模块
imports: [
CommonModule,ProfileRoutingModule,FormsModule,InlineSVGModule,NgSelectModule,ReactiveFormsModule,NgxsModule.forFeature([AccountInfoState]),]
我的accountInfo模块
@State<AccountInfoModel>({
name: 'accountInfo',defaults: {
companyId:'',managerName:'',companyName:'',companyEmail:'',companyPhone:null,description:'',}
})
GetAccountInfo操作
@Action(GetAccountInfo)
getAccountInfo(ctx:StateContext<AccountInfoModel>,{payload}:GetAccountInfo){
const state = ctx.getState();
this.userDetailServ.getAccountInformation(payload).subscribe(result=>{
const data =result.data[0];
ctx.patchState({
...state,companyId: data.id,managerName:data.managerName,companyName:data.companyName,companyEmail:data.companyEmail,companyPhone:data.companyPhone,description: data.description,})
})
}
帐户信息组件中的ngOnInit函数
ngOnInit(): void {
this.formData.append('user_id',this.userId);
this.store.dispatch(new GetAccountInfo(this.formData));
}
本地存储内部
显示数据的形式
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。