Updated demo and documentation

revert-117-master
Gregory Pike 11 years ago
parent 31c4863bf5
commit 9993ed43e0

@ -3,20 +3,6 @@ angular-local-storage
An Angular module that gives you access to the browsers local storage An Angular module that gives you access to the browsers local storage
Remember to set your app name (settings.appPrefix) in the settings at the beginning of angular-local-storage.js:
```javascript
angular.module('LocalStorageModule').value('prefix', 'myPre');
angular.module('testApp', ['LocalStorageModule'])
.config(function ($routeProvider) {
....
});
```
To do:
- Add tests
- Expand Readme
Example use: Example use:
```javascript ```javascript
@ -40,3 +26,8 @@ angular.module('yourModule', ['LocalStorageModule'])
}); });
``` ```
Check out the full demo and documentation at http://gregpike.net/demos/angular-local-storage/demo.html Check out the full demo and documentation at http://gregpike.net/demos/angular-local-storage/demo.html
To do:
- Add tests
- Expand Readme

@ -1,16 +1,23 @@
var DemoCtrl = function($scope, localStorageService) { angular.module('demoModule', ['LocalStorageModule'])
.config(['localStorageServiceProvider', function(localStorageServiceProvider){
localStorageService.clearAll(); localStorageServiceProvider.setPrefix('demoPrefix');
}])
.controller('DemoCtrl', [
'$scope',
'localStorageService',
function($scope, localStorageService) {
// Start fresh
localStorageService.clearAll();
$scope.$watch('localStorageDemo', function(value){ $scope.$watch('localStorageDemo', function(value){
localStorageService.add('localStorageDemo',value); localStorageService.add('localStorageDemo',value);
$scope.localStorageDemoValue = localStorageService.get('localStorageDemo'); $scope.localStorageDemoValue = localStorageService.get('localStorageDemo');
}); });
$scope.storageType = 'Local storage'; $scope.storageType = 'Local storage';
if (!localStorageService.isSupported) { if (!localStorageService.isSupported) {
$scope.storageType = 'Cookie'; $scope.storageType = 'Cookie';
}
} }
]);
};

@ -21,7 +21,7 @@
<!-- BEGIN DEMO --> <!-- BEGIN DEMO -->
<div class="container" ng-app="LocalStorageModule"> <div class="container" ng-app="demoModule">
<div class="navbar navbar-inverse"> <div class="navbar navbar-inverse">
<div class="navbar-inner"> <div class="navbar-inner">