NGXS 有选择地序列化数组中的属性

Question

我有一个存储帐户列表的AccountState。帐户状态必须序列化到本地存储，所以我使用存储插件。

但是，我不想序列化帐户的每个属性。例如，我想序列化用户名而不是密码。

现在我像这样导入存储插件：

NgxsStoragePluginModule.forRoot({
key: [
'account.accounts',
'account.accounts.username' // <-- not working as accounts is an array not an object
]
})

那么我可以定义数组必须使用username属性序列化而不是使用password属性序列化吗？

Answer 1

我认为仅通过配置是没有办法做到这一点的。但是，您可以提供自己的StorageEngine并修改其中的数据。

import { NgxsStoragePluginModule, StorageEngine, STORAGE_ENGINE } from '@ngxs/storage-plugin';
export class MyStorageEngine implements StorageEngine {
get length(): number {
// Your logic here
}
getItem(key: string): any {
// Your logic here
}
setItem(key: string, val: any): void {
// remove undesired values here
let state = JSON.parse(val)
state.accounts.accounts.forEach(acc => delete acc.password);
localStorage.setItem(key, JSON.stringify(state));
}
removeItem(key: string): void {
// Your logic here
}
clear(): void {
// Your logic here
}
}
@NgModule({
imports: [
NgxsModule.forRoot([]),
NgxsStoragePluginModule.forRoot()
],
providers: [
{
provide: STORAGE_ENGINE,
useClass: MyStorageEngine
}
]
})
export class MyModule {}

不过，我真的不推荐这种方法，因为由于额外的(反)序列化，它会花费大量的开销。

另一种方法是引入一个自写的插件，该插件替换 StoragePlugin 并在序列化之前删除不需要的值。