如何將angularJS數據存儲到本地存儲中，就像會話一樣？

Question

如何將angularJS變量數據存儲到本地臨時存儲中，以便進一步使用，就像服務器端的會話一樣。

AngularJS源代碼是

var pApp = angular.module('ProfileIndex', []);
pApp.controller('ProfileIndexCtrl', function($scope, $http, $cacheFactory) {

    $scope.data = "MVVM";

});

如何將MVVM值存儲在本地存儲中？ 以及如何從本地存儲中檢索值？

Answer 1

只需使用Web存儲API即可

// set "data" to "MVVM"
$window.localStorage.setItem('data', 'MVVM');

// get "data"
$window.localStorage.getItem('data');

Answer 2

使用工廠：

.factory('$localstorage', ['$window', function($window) {
                           return {
                           set: function(key, value) {
                           $window.localStorage[key] = value;
                           },
                           remove: function(key) {
                           $window.localStorage.removeItem(key);
                           },
                           get: function(key, defaultValue) {
                           return $window.localStorage[key] || defaultValue;
                           },
                           setObject: function(key, value) {
                           $window.localStorage[key] = JSON.stringify(value);
                           },
                           getObject: function(key) {
                           return JSON.parse($window.localStorage[key] || '{}');
                           },
                           clearAll: function() {
                            $window.localStorage.clear();
                           }
                           }
                           }])

Answer 3

而不是使用web存儲api ，最好使用角度存儲ngStorage 。

使用Web存儲和角度存儲之間存在差異，尤其是當您要將對象存儲到存儲時。

對於Web存儲，您需要在將數據保存到Web存儲之前序列化對象，然后需要反序列化以獲取數據。

例如：

localStorage.setItem('saveData', JSON.stringify(myObj));

get- JSON.parse(localStorage.getItem('saveData'));

對於角度存儲，您只需將數據存儲在ngStorage中即可。

例如：

store- $localStorage.obj = myObj;

示例對象：

var myObj = {'firstname': 'john', 'secondname': 'cena'}

有關ngStorage更多信息，您可以看到此鏈接ngStorage