如何处理离线数据的ngrx/store？

import { EntityStore, StoreConfig } from '@ngrx/data';
import { InMemoryDataService } from './in-memory-data.service';

export interface AppState {
  // 定义你的应用状态
}

@StoreConfig({ name: 'App' })
export class AppStore extends EntityStore<AppState> {
  constructor(dataService: InMemoryDataService) {
    super(dataService);
  }
}

import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { environment } from '../environments/environment';

@NgModule({
  imports: [
    StoreModule.forRoot(reducers),
    !environment.production ? StoreDevtoolsModule.instrument() : []
  ]
})
export class AppModule {}

import { Injectable } from '@angular/core';
import { Actions, createEffect, ofType } from '@ngrx/effects';
import { Store } from '@ngrx/store';
import { of } from 'rxjs';
import { catchError, map, mergeMap, tap } from 'rxjs/operators';
import { saveToLocalStorage } from './local-storage.actions';

@Injectable()
export class LocalStorageEffects {
  constructor(
    private actions$: Actions,
    private store: Store
  ) {}

  saveState$ = createEffect(
    () =>
      this.actions$.pipe(
        ofType(saveToLocalStorage),
        tap(() => {
          const state = this.store.getValue();
          localStorage.setItem('appState', JSON.stringify(state));
        })
      ),
    { dispatch: false }
  );
}

import { Store } from '@ngrx/store';
import { AppState } from './app.state';

export function initializeState(store: Store<AppState>) {
  const savedState = localStorage.getItem('appState');
  if (savedState) {
    store.dispatch({ type: '[INIT] Restore State', payload: JSON.parse(savedState) });
  }
}