How to store token in Local or Session Storage in Angular 2?

angular local-storage
Rahul dev picture Rahul dev · Oct 3, 2016 · Viewed 151.6k times · Source

I want to use Local or session storage to save authentication token in angular 2.0.0. I use angular2-localstorage but it works only angular 2.0.0-rc.5 and when I used it in 2.0.0 it through me Type error. I want to use default local storage of Angular 2.0.0.

Answer

Bojan Kogoj picture Bojan Kogoj · Oct 3, 2016

Save to local storage

localStorage.setItem('currentUser', JSON.stringify({ token: token, name: name }));

Load from local storage

var currentUser = JSON.parse(localStorage.getItem('currentUser'));
var token = currentUser.token; // your token

For more I suggest you go through this tutorial: Angular 2 JWT Authentication Example & Tutorial

Related questions

Local storage in Angular 2

I need to store data in the browser's session and retrieve the data until the session exits. How do you use local and session storage in Angular 2?

Read More
Angular 6: saving data to local storage

I have a data table which display data from external API, I want the number of items /element on the table page should be saved in local storage Here is what I have tried so far: ngOnInit() { this.moviesService.getPopularTVShows().…

Read More
localStorage is not defined (Angular Universal)

I am using universal-starter as backbone. When my client starts, it read a token about user info from localStorage. @Injectable() export class UserService { foo() {} bar() {} loadCurrentUser() { const token = localStorage.getItem('token'); // do other things }; } Everything works well, however I got …

Read More