web-dev-qa-db-fra.com

Comment enregistrer la réponse JSON dans le stockage local en utilisant angularjs?

J'ai api qui renvoie la réponse JSON et je veux stocker cette réponse Json dans localStorage pour utiliser cette réponse dans ma autre page HTML à l'aide de angularjs.

Voici mon code qui retourne la réponse json ....

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;
            });

        }
  });

S'il vous plaît dites-moi comment puis-je le stocker ...

jsonangularjs
13
Anita Mehta

Sur votre request.success (), utilisez

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

Ensuite, vous pouvez accéder aux données dans le stockage local par

var accessData = window.localStorage['storageName'];
18
Rajesh Manilal

Je veux suggérer celui-ci parce que je l'ai utilisé et cela fonctionne stable https://github.com/gsklee/ngStorage . 

Après l'avoir téléchargé et attaché à votre projet, vous devez l'ajouter en tant que dépendance. 

    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;
                });



  }
  });
5
Narek Mamikonyan
$scope.Save = angular.toJson(data); //Save to storage
sessionStorage.setItem('blablabla',$scope.Save);
localStorage.setItem('blablabla', $scope.Save); 

$scope.DataFromJson = JSON.parse(sessionStorage["blablabla"]); //Get from storage
$scope.DataFromJson = JSON.parse(localStorage["blablabla"]);
3
Mihail Malohvey

Je recommande d'utiliser le module angular-local-storage sur GitHub.

3
GregL

/ * Récupérer un json de localStorage * /

var user = angular.fromJson($window.localStorage['md-user']);

/ * Pour stocker json dans loacalStorage * /

$window.localStorage['md-user'] = angular.toJson(user);
2
Manish Nakar

Ranger 

$scope.storeItem = function() {
 sessionStorage.setItem('item', angular.toJson($scope.selectedItem));
}

À récupérer 

$scope.retrieve = function() {
    $scope.selectedItem = JSON.parse(sessionStorage.getItem('item'));
}
0
Rejneesh Raghunath