AngularJS, Сохраненные элементы очищаются после добавления нового элемента

Question

Мы можем добавлять новые элементы в массив продуктов и сохранять эти значения с помощью NGStorage. Мы можем переключаться между маршрутами, и новые элементы сохраняются, как и ожидалось, но если мы вернемся и добавим другой новый элемент очищает все предыдущие элементы. Если кто-то может понять, что мы делаем неправильно, укажите это. Спасибо.

$scope.Products = []; 
    $scope.logItem = function($index,brandName,partNumber,productName,amount){ 
     alert("Item Logged"); 
     $scope.newItem = { 
     Brand: brandName, 
     Part: partNumber, 
     Product: productName, 
     Amount: amount 
     }; 
     $scope.Products.push($scope.newItem); 
     $scope.$storage.Products = $scope.Products; 
    } 

Answer 1

Когда контроллер получает initilized, вам необходимо повторно назначить $ хранения продуктов до $ scope.products

//$scope.Products = []; 
    $scope.Products = $scope.$storage.Products == undefined ? [] : $scope.$storage.Products; // Not exactly: like that when the controller gets initilized, you need to re-assign the $storage products to $scope.products 
    $scope.logItem = function($index,brandName,partNumber,productName,amount){ 
     alert("Item Logged"); 
     $scope.newItem = { 
     Brand: brandName, 
     Part: partNumber, 
     Product: productName, 
     Amount: amount 
     }; 
     $scope.Products.push($scope.newItem); 
     $scope.$storage.Products = $scope.Products; 
    } 

Answer 2

Ну, вы передаете ссылку на ваш массив продуктов на свое хранилище, которое в свою очередь сохраняет. Но здесь вы очищаете свой массив и, таким образом, свое хранилище с ссылкой:

$ scope.Products = [];