Angular: Empty Fiddle

http://angularjs.org/

by Diego Augusto

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ngStorage/0.3.11/ngStorage.min.js"></script>
<div ng-controller="MyCtrl">
 <input type="text" ng-model="user.name" placeholder="Name"/>
 <input type="text" ng-model="user.age" placeholder="Age"/>
 <button ng-click="filtrate(user)">Filter</button>
 <button ng-click="clearStorage()">Clear Storage</button>
</div>

JavaScript

var myApp = angular.module('myApp',['ngStorage']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope, $localStorage) {
    //Recupera o objeto que está no localStorage
    $scope.myFilter = $localStorage.filter;
    console.log($scope.myFilter);
  
    $scope.filtrate = function(data) {
        //Salva o objeto no localStorage
        $localStorage.filter = data;
        console.log($localStorage.filter);
    };
  
    $scope.clearStorage = function(){
      //Limpa o localStorage de nome filter
      delete $localStorage.filter;
      console.log($localStorage.filter);
    }
}