在AngularJS中将对象文字保存到localStorage

Question

我正在尝试将此对象保存到$window.localStorage()：

ctrl:

app.controller('ctrl', function($window, $scope) {

$scope.initData = [
        {
            customer: 1,
            firstName: "John",
            lastName: "Doe"
        },
        {
            customer: 2,
            firstName: "Jane",
            lastName: "Doe"
        },
        {
            customerId: 3,
            firstName: "John",
            lastName: "Smith",

        }
      ];

// scopes

for(var i = 0; i < $scope.initData.length; ++i) {
           $window.localStorage.setItem(i, JSON.stringify($scope.initData[i]));
        }
});

但是我用键作为索引的值..我也试过这个：

for(var i = 0; i < $scope.initData.length; ++i) {
           $window.localStorage.setItem(i, Object.values($scope.initData[i]));
        }

和for..in，但不知道什么是最好的方法。

现在，当我执行console.log(localStorage); 时，我将其作为输出：

0:"{"customer":1,"firstName":"John","lastName":"Doe"}"
1:"{"customer":2,"firstName":"Jane","lastName":"Doe"}"
2:"{"customer":3,"firstName":"John","lastName":"Smith"}"

当我访问0 作为键时，我得到customer 作为值，我需要得到1 作为值。 customer 应该是关键。

我怎样才能做到这一点？如何转换？

Answer 1

只需将对象$scope.initData 完全保存到localStorage，我看不到单独保存initData 对象的优势。在应用程序加载时从localStorage 加载客户，并在更新时保存它们。但是不要直接使用localStorage——我会在此基础上使用service。

// Set localStorage item
localStorage.setItem('initData', JSON.stringify(dataObject));

// Retrieve the object from localStorage
var retrievedObject = localStorage.getItem('initData');

// console.log retrieved item
console.log('retrieved data Object: ', JSON.parse(retrievedObject));

或者您可以将您的密钥更改为这样的东西（以客户唯一 ID 作为参考），而不是您的循环计数器：

for(var i = 0; i < $scope.initData.length; ++i) {
           $window.localStorage.setItem('customer-id' + $scope.initData[i].customer, JSON.stringify($scope.initData[i]));
        }
});