Shop Objekte im lokalen Speicher

Question

Hallo in irgendeiner Funktion Ich habe Code bekam das Objekt {} zu localForage speichern, die nichts anderes als asynchrone localstorage ist

if(vm.convertedColors[vm.convertedColors.length - 1].colorInRGB && 
    vm.convertedColors[vm.convertedColors.length - 1].colorInHSL && 
    vm.convertedColors[vm.convertedColors.length - 1].colorInHEX) { 
     $localForage.setItem('colors', { 
      inHSL: vm.convertedColors[vm.convertedColors.length - 1].colorInHSL, 
      inHEX: vm.convertedColors[vm.convertedColors.length - 1].colorInHEX, 
      inRGB: vm.convertedColors[vm.convertedColors.length - 1].colorInRGB 
     }).then(function() { 
      $rootScope.$emit('localForageUpdated'); 
     }); 
} 

Diese laufen diejenigen nach Taste klicken und speichern Objekt colors. Es funktioniert gut, aber wenn ich die Farbe ändere und erneut auf die Schaltfläche klicke, möchte ich, dass das neue colors Objekt gespeichert wird, anstatt es zu ersetzen, wie es jetzt funktioniert.

So würde ich gerne colors1colors2colors3 und so weiter speichern. Es kann eine Anordnung von Objekten sein. s.o.s

Answer 1

Speichern Sie es als ein Array. Bevor Sie den nächsten speichern, holen Sie sich den alten Wert, schieben Sie das neue Objekt darauf und speichern Sie es.

Answer 2

Speichern Sie Farben einfach als ein Array und drücken Sie auf dieses Array, wenn Sie eine neue Farbe schieben möchten. Dann schieben Sie das Array zurück zum lokalen Speicher.

if (vm.convertedColors[vm.convertedColors.length - 1].colorInRGB && 
    vm.convertedColors[vm.convertedColors.length - 1].colorInHSL && 
    vm.convertedColors[vm.convertedColors.length - 1].colorInHEX) { 

    $localForage 
     .getItem("colors") 
     .then((colors) => { 
      colors = colors || []; 
      colors.push({ 
       inHSL: vm.convertedColors[vm.convertedColors.length - 1].colorInHSL, 
       inHEX: vm.convertedColors[vm.convertedColors.length - 1].colorInHEX, 
       inRGB: vm.convertedColors[vm.convertedColors.length - 1].colorInRGB 
      }); 
      return $localForage.setItem("colors", colors); 
     }) 
     .then((err) => { 
      if (err) { 
       console.error(err); 
      } 
      return $localForage.getItem("colors") 
     }) 
     .then((colors) => { 
      console.log(colors); 
     }); 
}