How to save json response in local storage using angularjs?

Question

I have api which return json response and I want to store that json response in localstorage to use that response in my another html page using angularjs.

Here is my code which return json response....

QAApp.controller('SearchCtrl', function ($scope, $http, $location) {

  $scope.search = function (searchtag) {
           var request = $http({
                          method: 'GET', 
                          url: server + 'api/question/tagged/' + searchtag,
                        });
                request.success(function(data, status, headers, config) {
                console.log(data);
                $scope.qa = data;
            });

        }
  }); 

Please tell me how can I store it...

Answer 1

On your request.success(),use

window.localStorage['storageName'] = angular.toJson(data);

Then you can access the data in localstorage by

var accessData = window.localStorage['storageName'];

Answer 2

I want to suggest this one because I used it and it works stable https://github.com/gsklee/ngStorage.

After downloading and attaching it to your project you should add it as a dependency

    QAApp.controller('SearchCtrl', function ($scope, $http, $location,$localStorage) {

      $scope.search = function (searchtag) {
               var request = $http({
                              method: 'GET', 
                              url: server + 'api/question/tagged/' + searchtag,
                            });
                    request.success(function(data, status, headers, config) {
                    $localStorage.qa = datal
                    $scope.qa = data;
                });



  }
  });