Angular Js - 在本地存储中添加动态数据答案

【问题标题】：Angular Js - Add Dynamic Data in local storageAngular Js - 在本地存储中添加动态数据
【发布时间】：2017-02-20 22:49:17
【问题描述】：

我是angular js 的新手，我在我的项目中使用本地存储。我想将数据动态存储在本地存储中。

实现这一目标的最佳方法是什么？

我的功能是：

$scope.saveItem=function(){
    var dataobj= {  'itemCode':vm.person1.selected.itemCode,
                    'itemName':'name',
                    'qty':'1',
                    'price':'2',
                    'total':1 * 2,
                    'comment':'comment',
                   };
    localStorageService.set('order',dataobj);
}

我在这里输入了静态数据，但是当我添加新项目时，这些数据将是动态的，我想保留以前的数据并将新输入的数据存储在本地存储中。

【问题讨论】：

标签： javascript angularjs local-storage

【解决方案1】：

我用过这段代码，效果很好：

    $scope.temp=JSON.parse(localStorage.getItem(vm.person.selected.cust_id));
    if($scope.temp){
    $scope.order = $scope.temp;
    }else{
    $scope.order=[];
    }   
    localStorage.setItem(vm.person.selected.cust_id, JSON.stringify($scope.order));

    var dataobj={'itemCode':vm.person1.selected.itemCode,
         'itemName':vm.person1.selected.itemName,
         'qty':vm.qty,
         'price':vm.price,
         'total':vm.qty * vm.price,
         'comment':vm.comment,
         'orderType':$scope.heading
         };
    $scope.order.unshift(dataobj);           
    localStorage.setItem(vm.person.selected.cust_id,JSON.stringify($scope.order));
    $scope.allCurrentTakeAwayOrder=$scope.order;

【讨论】：

【解决方案2】：

我不知道为什么要为localStorage使用服务，你可以简单地使用localStorage原生API。当您添加一些项目时，只需执行以下操作：

var order = localStorage.getItem('order');
if(order) {
   localStorage.setItem('previousOrder', order);
}
localStorage.setItem('order', NEW_ORDER_DATA_HERE);

注意：存储项目必须是 DOMString，因此在存储和获取数据之前请考虑 JSON.stringify 和 JSON.parse 您的数据。

【讨论】：