Werte, die im AngularJS-Array überschrieben werden

Question

Ich erstelle eine Shopping-Anwendung (Angular JS und Ionic). Immer wenn ich ein Element zum Warenkorb hinzufüge, wird das vorherige Element überschrieben. Unten ist mein Code:

detail.html:

<ion-view view-title="DetailPage"> 
     <ion-content> 
      <h4> 
       Product Details 
      </h4> 
      <ion-view view-title="playlists"> 
       <ion-content> 
        <input type="button" ng-click="addToCart();" value="add cart" /> 
       </ion-content> 
      </ion-view> 

Controller.js:

.controller('detailsCtrl', function($scope, $stateParams) { 

     var productname = $stateParams.playlistname; 
     var arr = []; 
     $scope.addToCart = function() { 
      arr.push(productname); 
      localStorage.setItem('arr', arr); 


     }) 

Wie gehe ich das Überschreiben von Elementen?

Answer 1

Sie initialisieren das Array jedes Mal neu und schreiben dann das neue Array in den lokalen Speicher. Sie müssen die vorhandenen Array aus dem lokalen Speicher abrufen und dann Elemente drücken Sie auf, um es:

.controller('detailsCtrl', function($scope, $stateParams) { 

     var productname = $stateParams.playlistname; 
     // Get the product array from local storage if it exists 
     // or initialise a new array. 
     var arr = localStorage.getItem('arr') || []; 
     $scope.addToCart = function() { 
      arr.push(productname); 
      localStorage.setItem('arr', arr); 


     })