This module is destined to be used with AngularJS. It allow you to store data in the web storage of your browser.
You can use this module from 2 different ways.
You can use the methods without use the optional parameter "storageType". This way, the module manage your data between session and local storage without you need to worry about how your data are managed.
Using optional "storageType" parameters offers you more possibilites to manage your data. You can precise where to store or get your data (between session and local storage).
All methods are based on a param storage type to give you the possibility to manage your data as you want.
-
Get the module
$ npm install angular-webstorage
Download the repository and take the angular-webstorage.js file from dist repository.
-
Include the module into your angular application. Include angular-webstorage.js (or angular-webstorage.min.js) file in
index.html
, after the Angular import. -
Add WebStorageModule to your angular modules
Get value from storage. By default, without storageType, value is took from session but if no value is find from session, the method try to find a value from local storage.
- key (string): data identifier
- storageType (string, optional): where to find the data between 'sessionStorage' and 'localStorage'
- value if it find, undefined otherwise
var value1 = AngularWebStorage.get('foo'); // return value corresponding to 'foo' from session or local storage
var value2 = AngularWebStorage.get('key', 'localStorage'); // return value corresponding to 'key' from local storage
Add value in web storage. By default, without keep param, value is stored in session.
- key (string): data identifier
- value (object): value to store
- keep (boolean, optional): if true data is stored in local, if false data is stored in session
- boolean: true if the data was stored well, false otherwise
AngularWebStorage.set('foo', 'toto'); // store the data in session
AngularWebStorage.set('foo', 'toto', false); // store the data in session
AngularWebStorage.set('foo', 'toto', true); // store the data in local
Remove data from web storage. By default, without storageType, data corresponding to key is removed from session and local storage.
- key (string): data identifier
- storageType (string, optional): where to find the data between 'sessionStorage' and 'localStorage'
AngularWebStorage.remove('foo1'); // remove the data from session and local storage
AngularWebStorage.remove('foo2', 'sessionStorage'); // remove the data from session storage
AngularWebStorage.remove('foo2', 'localStorage'); // remove the data from local storage
Clear all datas from local, session or both storage.
- storageType (string, optional): where to remove the data between 'sessionStorage' and 'localStorage'
AngularWebStorage.clearAll(); // remove all data from session and local storage
AngularWebStorage.clearAll('sessionStorage'); // remove all data from session storage
AngularWebStorage.clearAll('localStorage'); // remove all data from local storage
Return all keys from local, session or both storage. By default, without storageType, all keys (from session and local) are returned (the doublon between session and local are mixed)
- storageType (string, optional): where to find the keys between 'sessionStorage' and 'localStorage'
AngularWebStorage.keys(); // return all keys from session and local storage
AngularWebStorage.keys('sessionStorage'); // return all keys from session storage
AngularWebStorage.keys('localStorage'); // return all leys from local storage
- v0.1.0
- Initial commit
I encourage you to propose new functionality or suggestion to improve the project.
-
Fork the project
-
Clone the projet
git clone https://github.com/<username>/angular-web-storage.git
-
Install dependencies
npm install bower install
-
Launch test to be sure that everything work
grunt test
-
Minify source file
grunt dist
-
Check syntax
grunt jshint
Don't forget to write tests and pass jshint syntax before to pull request please.