@n.alexandr/web-storage NPM

WebStorage

This library for work with local and session storage. Angular 9.

Install

npm i @n.alexandr/web-storage --save

Usage with decorators

import {LocalStorage, SessionStorage} from '@n.alexandr/web-storage';

@Component({
  selector: 'app-storage-decorator',
  template: `
    <p>session data: {{sessionData}}</p>
    <p>local data: {{localData}}</p>
    <button (click)="saveSomeData()">Save data</button>
  `
})
export class StorageDecoratorComponent {
  @SessionStorage()
  sessionData: any;

  @LocalStorage()
  localData: any;

  saveSomeData(): void {
    this.sessionData = 'Some data in session';
    this.localData = 'Some data in local storage';
  }
}

Usage with services

import {LocalStorageService, SessionStorageService} from '@n.alexandr/web-storage';

...

constructor(
  storageService: LocalStorageService // or SessionStorageService,
) {
  storageService.set('key', 'Some session in local');
  storageService.get('key');
  storageService.remove('key');
  storageService.clear();
}

...