The AngularJs code
The HTML Code
The Full Example code
The Live output:
var app = angular.module('app', ['ngStorage']); app.controller('Ctrl', ["$scope", "$localStorage", function($scope, $localStorage) { $scope.$storage = $localStorage.$default({ a: 100, b:200 }); }]);
The HTML Code
<div ng-app="app" ng-controller="Ctrl"> <h4>Keep the data on page refreshing in AngularJs</h4> <button ng-click="$storage.a = $storage.a + 5" class="button">{{$storage.a}}</button> + <button ng-click="$storage.b = $storage.b + 5" class="button">{{$storage.b}}</button> = {{$storage.a + $storage.b}} </div>
The Full Example code
<!DOCTYPE html> <html> <head> <script data-require="angular.js@1.1.5" data-semver="1.1.5" src="https://code.angularjs.org/1.4.12/angular.js"></script> <script src="https://rawgithub.com/gsklee/ngStorage/master/ngStorage.js"></script> <script> var app = angular.module('app', ['ngStorage']); app.controller('Ctrl', ["$scope", "$localStorage", function($scope, $localStorage) { $scope.$storage = $localStorage.$default({ a: 100, b:200 }); }]); </script> </head> <body ng-app="app" ng-controller="Ctrl"> <h4>Keep the data on page refreshing in AngularJs</h4> <button ng-click="$storage.a = $storage.a + 5" class="button">{{$storage.a}}</button> + <button ng-click="$storage.b = $storage.b + 5" class="button">{{$storage.b}}</button> = {{$storage.a + $storage.b}} </body> </html>
The Live output: