Saving Objektliteral zu localstorage in AngularJS

Question

Ich versuche, dieses Objekt in $window.localStorage() zu speichern:

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

Aber ich bekomme die Werte mit den Tasten als Indizes .. ich auch versucht habe dies:

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

und mit for..in, kann aber nicht herausfinden, was der beste Weg sein würde.

Nun, wenn ich console.log(localStorage); tun habe ich dies als Ausgabe:

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

Wenn ich die 0 als Schlüssel aufzurufen, erhalte ich customer als Wert, und ich brauche 1 als Wert zu erhalten. customer sollte der Schlüssel sein.

Wie kann ich das erreichen? Wie kann ich das konvertieren?

Answer 1

Speichern Sie einfach das Objekt $scope.initData komplett zu localStorage, ich sehe keinen Vorteil, die initData Objekte separat zu speichern. Laden Sie die Kunden beim Laden der Anwendung von localStorage, und speichern Sie sie beim Aktualisieren. Aber arbeite nicht direkt von der localStorage - ich würde einen service dazu verwenden.

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

Oder Sie könnten Ihren Schlüssel zu etwas wie dies ändern (unter den Kunden eindeutige ID als Referenz), und nicht Ihre Schleifenzähler:

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