Cannot use angular -local-storage

Question

This is my code:

angular.module('MyModule').controller('MyController', ['$scope', '$stateParams','$location', '$http','LocalStorageModule', function($scope, $stateParams, $location, $http, localStorageService) { localStorageService.add('test', 'val'); ]); 

any idea what is wrong?

I get an exception - unknown localstorageservice provider in FF browser

Firebug Error

 Error: [$injector:unpr] Unknown provider: LocalStorageModuleProvider <- LocalStorageModule http://errors.angularjs.org/1.2.20/$injector/unpr?p0=LocalStorageModuleProvider%20%3C- %20LocalStorageModule at http://127.1.0.0/lib/angular/angular.js:78:12 

Answer 1

We must set the inejctor for 'localStorageService' instead of 'LocalStorageModule'

So, the code should look like this:

 angular .module('MyModule') .controller('MyController', ['$scope', '$stateParams','$location' , '$http' // instead of this // ,'LocalStorageModule', // use this ,'localStorageService', function($scope, $stateParams, $location, $http, localStorageService) { //localStorageService.add('test', 'val'); localStorageService.set('test', 'val'); }]); 

And when we initialize the module, we must enable the local storage module

 angular .module('MyModule', [ 'LocalStorageModule', ... ]) 

And also as described here:

• Angular Local Storage

we must use .set()

 // To add to local storage localStorageService.set('localStorageKey','Add this!');