22-1 Utilisation de la propriété localStorage

Le localStorage est supporté nativement par la majeure partie des navigateurs modernes via la propriété localStorage. Ainsi, pas besoin de librairie supplémentaire ou d'importer quoi que ce soit dans Angular.

Le système permet d'associer des valeurs textuelles à des clés:

localStorage.setItem('key', 'value');

Par exemple, de façon plus concrète:

localStorage.setItem('token', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwibm9tIjoiVHJlbWJsYXkiLCJwcmVub20iOiJCZW5vaXQiLCJjb3VycmllbCI6ImJlbm9pdC50cmVtYmxheUBjZWdlcGRydW1tb25kLmNhIiwiaWF0IjoxNTE2MjM5MDIyfQ.W-KKsNj6Rc0YWqF48IXXwulyi4_RaY5_xnZBvSjV5PE');

Ensuite:

// Obtenir un item
localStorage.getItem('token');

// Retirer un item
localStorage.removeItem('token');

// Vider le stockage
localStorage.clear();