Reactive WebStorage for Angular 4 / 5
RxJS powered Reactive storage with the feature of synchronization between LocalStorage API
.
This library is inspired by the idea from @ngrx/store. The scope of the @ngrx/store has been narrowed to simple add/remove operations for the sake of the quick implementation and less boilerplate.
All the methods from WebStorage API has been preserved within the library. (setItem
,getItem
,removeItem
)
Setup
Install via npm :
npm install ngx-reactive-webstorage --save
ReactiveWebStorageModule should be imported in app.module.ts.
;
If LocalStorage are to be used, localstorage keys that will be used should be defined to synchronize localstorage and reactive Store at startup.
; // set localstorage keys to sync with at startup;
Usage
Now you just have to inject the service where you need it :
;
Welcome {{ user.name }}