How to use angular Local Storage using typescript

Question

I'm on single page app using typescript and angular. I'm using ng.Resource to fetch data from webapi

productResource.get({ userName: login.userName, password: login.password }, (data: Models.ICompany) => {
    this.localStorageService.set<Models.ICompany>("CompanyData", data);
});

I've added angular-local-storage.d.ts file and also installed angularlocalstorage

but when I try to store the promise returned from webapi I'm getting an error "unable to get propery 'set' of undefined or null reference". Also I could not find 'set' / 'get' methods in angular-local-storage.js file. I'm guessing the error is producing because the 'set'/'get' methods are unknow in .js file.

Could you please help me to resolve this issue.

Or is there any best way to store the data in browser using angular.

the error says that this.localStorageService is undefined. Are you sure you have created it? — iberbeu
– iberbeu, Commented May 24, 2016 at 15:36
Thanks for your reply. I've added the following at the beginning of class localStorageService: ng.local.storage.ILocalStorageService; also I've added the same in module app { var main = angular.module("CarConsulting", ["ngRoute", "common.services","LocalStorageModule"]); — Krish
– Krish, Commented May 24, 2016 at 16:19
you need to inject localstorage as well static $inject = ['LocalStorageModule'] or however it is called and then in the constructor constructor(private localStorageModule'){}. Without seeing your code it is not easy to help though — iberbeu
– iberbeu, Commented May 25, 2016 at 6:49

david.carm · Accepted Answer · 2016-06-08 12:42:42Z

2

I was having some trouble using localstorage in typescript too. What I did was: I found a js file on github with some functions to access localstore. I wrote the same js file in Typescript and used that file. This has a cookie fallback.

here is the link to my version :

https://gist.github.com/davidcarm/eedb29feb25a7130d0f9ac01a7d11d3f (scroll to bottom)

once you imported the SimpleStore.ts file you just use these functions:

constructor(private simpleStore: SimpleStore){}
// to save a value
simpleStore.store('value_name',value);
// to access a value
simpleStore.store('value_name',undefined);
// to delete a value
simpleStore.store('value_name',null);

Cheers!

answered Jun 8, 2016 at 12:42

david.carm

3294 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use angular Local Storage using typescript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related