在Angular NGXS中,如果你的存储具有空根,可以通过以下步骤解决:
NgxsModule
和NgxsReduxDevtoolsPluginModule
:import { NgxsModule } from '@ngxs/store';
import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
@NgModule({
imports: [
NgxsModule.forRoot([]),
NgxsReduxDevtoolsPluginModule.forRoot()
]
})
export class AppModule { }
import { State, Store } from '@ngxs/store';
export class RootStateModel {}
@State({
name: 'root',
defaults: new RootStateModel()
})
export class RootState {}
import { Store } from '@ngxs/store';
import { RootState } from './root.state';
export class MyComponent {
constructor(private store: Store) {}
// 通过dispatch一个action来更新存储
updateState(value: string) {
this.store.dispatch(new UpdateStateAction(value));
}
// 获取存储的值
getStateValue() {
return this.store.selectSnapshot(RootState);
}
}
请注意,UpdateStateAction
是自定义的一个action类,它用于更新存储的值。
以上是一个基本的解决方法,当你的存储具有空根时,可以按照这些步骤进行处理。但是请注意,这只是一个示例,你可能需要根据你的具体需求来调整代码。