python ruby-programming-language Smalltalk Vue.js Knockoutjs TypeScript JavaScript, OOPs JavaScript Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 8,7,6,5,4 and 2 Interview Questions and Answers Angular 4 Angular 2 AngularJs 1.x NodeJs Perl Programming R Programming RequireJs Rust Programming Backbonejs closure programming language go-programming-language kotlin-programming-language
$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="[email protected]" 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

Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog. For more detail about me, kindly refer to this link..
My Blogs - http://code-sample.com and http://code-sample.xyz
My Books - Interview Questions and Answers Books- Get Your Book in 15+ Digital Stores Worldwide..

You Might Also Like
www.code-sample.com/. Powered by Blogger.
ASK Questions