Keep the data on page refreshing in AngularJs

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
});

<!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>
  <style>
    .button {
      background-color: #4CAF50;
      border: none;
      color: white;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      cursor: pointer;
    }
  </style>
  <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}}
  
  <br/>
   <br/>
  <a href="http://www.code-sample.com/2011/11/angularjs-tutorial-step-by-step.html">For more..</a>
</body>

</html>

/* Put your css in here */