ng7-storage

ng7-storage

Share Data among multiple components in angular using browser session storage

see Stackblitz Demo here More on Github

Angular compatibility

Angular Version	package version
angular 8 and below	1.1.4 and below
angular 9 and above(ivy version)	1.1.5 and above
angular 10 and above	1.1.8 and above
angular 14 and above	1.1.9 and above

Usage steps

• Run npm i ng7-storage --save

• Add to providers array in app module

   providers: [
    NgStorageService
   ],

• Then import NgStorageService service import { NgStorageService } from 'ng7-storage'; in the components that you would like to use

• Then Initialize NgStorageService in the component constructor

  constructor(private ngStorage: NgStorageService) {
  
  }
  

follow below methods to set and retrieve data to storage

Setting Data

this.ngStorage.setData({ key: "key", value: "data", encrypt: boolean });

Pass key value pairs to store data , and key should be valid string

NB: data format that accepted by setData method is

export interface IsetData {
  key: string;
  value?: any;
  encrypt?: Boolean;
  decrypt?: Boolean;
}

NB:encrypt is a development onprogress feature and may have issues when setting data that has special characters

Getting Data

eg:

  this.ngStorage.getData({ key: "key", decrypt?: boolean });

Use getData method to retrieve data, pass key of the item. pass decrypt as true if you have encrypted the data

Remove Data

For removing data, we can either remove by a single key or we can remove all data at once

• removeData method is used remove single item based on key
• removeAll method remove all data stored

Examples :

removeData : this.ngStorage.removeData('key')

removeAll : this.ngStorage.removeAll()

All Available methods

setData();
getData();
removeData();
removeAll();

Author 🔮

Edison Augusthy 💻