保存對象文本的localStorage在AngularJS

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