Как сохранить ngrx/store в localStorage?

Question

[Николай Семенов]

Коллеги, всем привет.
Подскажите как правильно и где сохранить состояние приложения в localStorage и инициализировать его при повторном запуске приложения.

Answer 1

[Антон Швец]

https://github.com/btroncone/ngrx-store-localstorage

Comments

[Николай Семенов]

чего-то ничего не пишется.
в модуль app добавил
export function localStorageSyncReducer(
reducer: ActionReducer
): ActionReducer {
return localStorageSync({ keys: ['todos'] })(reducer);
}
const metaReducers: Array> = [localStorageSyncReducer];

[Николай Семенов]

Антон пожалуйста подскажите что не так в моем модуле? Вроде все как в учебнике и не работает.
Как ей пользоваться?

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {
  StoreModule,
  ActionReducerMap,
  ActionReducer,
  MetaReducer
} from '@ngrx/store';
import { EffectsModule } from '@ngrx/effects';
import { StoreRouterConnectingModule } from '@ngrx/router-store';
import { StoreDevtoolsModule } from '@ngrx/store-devtools';
import { localStorageSync } from 'ngrx-store-localstorage';
import { SharedModule } from './shared/shared.module';

import { AppComponent } from './app.component';
import { HeaderComponent } from './shared/layout/header/header.component';
import { HomeComponent } from './home/home.component';
import { AppRoutingModule } from './app-routing.module';
import { reducers } from './store/reducers';
import { environment } from '../environments/environment';
import { FilmsEffects } from './store/effects/films';

// const reducers: ActionReducerMap<IState> = {todos, visibilityFilter};

export function localStorageSyncReducer(
  reducer: ActionReducer<any>
): ActionReducer<any> {
  return localStorageSync({
    keys: ['rootState'],
    rehydrate: true
  })(reducer);
}
const metaReducers: Array<MetaReducer<any, any>> = [localStorageSyncReducer];

@NgModule({
  declarations: [AppComponent, HeaderComponent, HomeComponent],
  imports: [
    BrowserModule,
    HttpClientModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    SharedModule,
    AppRoutingModule,
    StoreModule.forRoot(reducers),
    EffectsModule.forRoot([FilmsEffects]),
    StoreRouterConnectingModule,
    !environment.production ? StoreDevtoolsModule.instrument() : [],
    StoreModule.forRoot(reducers, { metaReducers })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

[Pers626]

Николай Семенов, подскажите пожалуйста, вы смогли разобраться как правильно подключить библиотеку? Я столкнулся с той же проблемой и не могу найти информацию