$new() or $rootScope.new() in angularjs

Keep data on page refreshing in AngularJs

The AngularJs code
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:


ANIL SINGH

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.