ng-local-storage
v0.1.0
Published
LocalStorage wrapper for AngularJS
Downloads
13
Readme
ng-local-storage
AngularJS friendly wrapper for the LocalStorage API.
Install
Install with npm if using Browserify:
Using NPM
npm install ng-local-storage --save
Using a Manual Build
Alternatively clone this repo and run:
npm i
npm run build
Once finished the dist folder will contain a file you can include in your project.
Usage & Example
Simply add ngLocalStorage as a dependency of your project.
angular.module('myModule', ['ngLocalStorage'])
.service('Tasks', function ($localStorage) {
// The passed name "Tasks" is optional, but useful as it will namespace
// the saved data to avoid conflicts
var ls = $localStorage.getAdapter('Tasks');
// Add task to window.localStorage
this.addTask = function (name, description) {
return ls.set(name, description);
};
});
API
Internally this module uses browser-ls so any function it exposes is exposed by this Angular service with two small differences.
Difference #1
You must always use the getAdapter function to get an instance as methods aren't bound directly to the service object.
Difference #2
Callbacks aren't supported. Instead the library will return promises for all functions except getAdapter. So in browser-ls you might do this:
function doSet(key, val, callback) {
ls.set(key, val, callback);
}
With ng-local-storage the above code becomes:
function doSet(key, val) {
// Return the promise!
return ls.set(key, val);
}
Functions
getAdapter (name)
This will get a localStorage interface that stores data under the given key name to avoid clashes.
All of the following methods return a promise.
get(key)
Get a string value from localStorage.
getJson(key)
Get an Object from localStorage.
set(key, string)
Set a string value in localStorage.
setJson(key, object)
Write a JSON object to localStorage.
remove(key)
Remove an object from localStorage.
Contributing
Follow the existing style (there's a .editorconfig so it's easy) and create a PR. Add tests if required.