在ngxs中重置状态
在ngxs中重置状态
提问于 2018-06-08 11:42:01
当我向我的状态添加一些新数据时，新数据不会出现在我的日志或DevTool Ui中。
是否有一种重置状态的机制，以便显示数据。似乎来自某些缓存的旧数据仍在显示。
谢谢
回答 4
Stack Overflow用户
发布于 2018-07-06 15:47:49
在v3.1中，存储上有一个允许您重置状态的reset函数，请参阅文档here
Stack Overflow用户
发布于 2019-02-19 15:13:38
我更喜欢使用这个重置插件；https://github.com/ng-turkey/ngxs-reset-plugin
这是一个ngxs插件，很容易实现。
Stack Overflow用户
发布于 2021-08-18 09:35:29
您可以简单地将操作添加到app.state.ts文件中，如下所示
重置状态的操作
@Action(ResetAppState)
resetState(ctx: StateContext<AppStateModel>): Observable<AppStateModel> {
return of(ctx.getState()).pipe(
map(currentState => {
ctx.patchState({/* enter initial/reset values here */});
return currentState;
})
);
}还必须将操作添加到app.action.ts文件中，如下所示
export class ResetAppState {
static readonly type = '[AppState] Reset App State';
}现在，您可以轻松地在service或component中分派操作来重置NGXS状态，如下所示：
constructor(private store: Store) {}
yourMethod(): void {
this.store.dispatch(new ResetAppState());
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50753025
复制相关文章
相似问题
腾讯云开发者
