Share and Learn To Write Code!

Introduction

In this article, In angular 8 using pure localStorage method to save the token authentication states or different app states into localStorage.

LocalStorage

LocalStorage is one of the Web storage property to save the states or data with no expiration date and time. You can store and access data from web storage in the browser will persist even after the browser window has been closed.

Prerequisite

1) Node js. Click here to install nodejs.

2) Angular Framework, If you do not know how to install angular in your system please check this article install Angular

To use localStorage in your angular applications, There are some methods to set, get, remove and clear

setItem()

Add key and value to localStorage.

const person = {
   name: 'Obaseki Nosa',
   location: 'Lagos',
};
    
localStorage.setItem('user', JSON.stringify(person));

getItem()

Retrieve value by the key from localStorage.

const user = JSON.parse(localStorage.getItem('user'));

removeItem()

Remove an item by key from.

localStorage.removeItem('user');

clear()

Clear all localstorage data.

localStorage.clear();

Limitations and of localStorage

1) localStorage supports 5MB limit across all major browsers.

2) localStorage is less secure data without protection anyone can access this data.

Thank you for watching article.

If you like please like and share to your developer friends.

Related Post :

Open model popup in Angular 6 | 7 | 8 | 9 using @ng-bootstrap NgbModal

How to install angular 8 in windows operating system.

Design student simple database using slick carousel implementation in angular 7 with firebase.

How to install bootstrap 4 in angular 9 | 8 | 7 | 6 | 5 | 4

Design custom bootstrap 4 pagination for angular project instead of using 3rd party pagination

How to install @ng-bootstrap to angular cli and uses of @ng-bootstrap

Install Node JS in windows machine and set environment path in settings.