From 0f4db7979b301fedf6465e63810e114694b7ea13 Mon Sep 17 00:00:00 2001 From: Eddie Monge Date: Tue, 16 Dec 2014 13:16:55 -0800 Subject: [PATCH] docs(demo): better example and clearAll * Adds a clearAll button to clear the stored values * Does not wipe out the stored value on page load * Some web updates to the template * Use Github hosted version of plugin * Removes annotated code (ng-annotated or another tool should be used * to get rid of human error) Fixes #87 --- demo/demo-app.js | 22 +++++++++++++++------- demo/demo.html | 19 ++++++++++--------- 2 files changed, 25 insertions(+), 16 deletions(-) diff --git a/demo/demo-app.js b/demo/demo-app.js index b980939..47ecc8e 100644 --- a/demo/demo-app.js +++ b/demo/demo-app.js @@ -1,13 +1,13 @@ -angular.module('demoModule', ['LocalStorageModule']) -.config(['localStorageServiceProvider', function(localStorageServiceProvider){ +'use strict'; +window.angular.module('demoModule', ['LocalStorageModule']) +.config(function(localStorageServiceProvider){ localStorageServiceProvider.setPrefix('demoPrefix'); // localStorageServiceProvider.setStorageCookieDomain('example.com'); // localStorageServiceProvider.setStorageType('sessionStorage'); -}]) -.controller('DemoCtrl', [ - '$scope', - 'localStorageService', +}) +.controller('DemoCtrl', function($scope, localStorageService) { + $scope.localStorageDemo = localStorageService.get('localStorageDemo'); $scope.$watch('localStorageDemo', function(value){ localStorageService.set('localStorageDemo',value); @@ -23,5 +23,13 @@ angular.module('demoModule', ['LocalStorageModule']) if (!localStorageService.isSupported) { $scope.storageType = 'Cookie'; } + + $scope.$watch(function(){ + return localStorageService.get('localStorageDemo'); + }, function(value){ + $scope.localStorageDemo = value; + }); + + $scope.clearAll = localStorageService.clearAll; } -]); \ No newline at end of file +); diff --git a/demo/demo.html b/demo/demo.html index 54b5aa3..c7bce97 100644 --- a/demo/demo.html +++ b/demo/demo.html @@ -1,18 +1,17 @@ + Demo of Angular Local Storage Module + - - - - + - + @@ -30,16 +29,18 @@
- +

Give it a try

-

{{localStorageDemoValue}}

+

{{storageType}} value
+ +

The Angular Local Storage Module is meant to be a plug-and-play Angular module for accessing the browsers Local Storage API.

@@ -144,11 +145,11 @@ var YourCtrl = function($scope, localStorageService, ...) {
- + - +