Pour économiser dans LocalStorage ::

window.localStorage.setItem(key, data);

Comment supprimer un élément de LocalStorage ::

window.localStorage.removeItem(key);

Pour recevoir un article de LocalStorage ::

window.localStorage.getItem(key);

Vous ne pouvez stocker qu’une seule chaîne dans LocalStorage;; Lorsque vous avez un objet, la première chose à faire est de le convertir en une chaîne comme celle-ci:

window.localStorage.setItem(key, JSON.stringify(obj));

Et si vous souhaitez recevoir un article de LocalStorage ::

const result=JSON.parse(window.localStorage.getItem(key));

Tous les conseils ci-dessus sont pour le même SessionStorage.

Vous pouvez utiliser le service suivant pour y travailler SessionStorage et LocalStorage. Toutes les méthodes en service:

getSession(key: string): any
setSession(key: string, value: any): void
removeSession(key: string): void
removeAllSessions(): void
getLocal(key: string): any
setLocal(key: string, value: any): void
removeLocal(key: string): void 
removeAllLocals(): void

Injectez ce service dans vos composants, services et …; N’oubliez pas d’enregistrer le service dans votre module principal.

import { Injectable } from '@angular/core';

@Injectable()
export class BrowserStorageService {

  getSession(key: string): any {
    const data = window.sessionStorage.getItem(key);
    if (data) {
      return JSON.parse(data);
    } else {
      return null;
    }
  }

  setSession(key: string, value: any): void {
    const data = value === undefined ? '' : JSON.stringify(value);
    window.sessionStorage.setItem(key, data);
  }

  removeSession(key: string): void {
    window.sessionStorage.removeItem(key);
  }

  removeAllSessions(): void {
    for (const key in window.sessionStorage) {
      if (window.sessionStorage.hasOwnProperty(key)) {
        this.removeSession(key);
      }
    }
  }

  getLocal(key: string): any {
    const data = window.localStorage.getItem(key);
    if (data) {
      return JSON.parse(data);
    } else {
      return null;
    }
  }

  setLocal(key: string, value: any): void {
    const data = value === undefined ? '' : JSON.stringify(value);
    window.localStorage.setItem(key, data);
  }

  removeLocal(key: string): void {
    window.localStorage.removeItem(key);
  }

  removeAllLocals(): void {
    for (const key in window.localStorage) {
      if (window.localStorage.hasOwnProperty(key)) {
        this.removeLocal(key);
      }
    }
  }
}



Source link

Recent Posts