如何将数组存储到 $localStorage 中？答案

【问题标题】：how to store the array into $localStorage?如何将数组存储到 $localStorage 中？
【发布时间】：2016-06-06 09:17:12
【问题描述】：

我将两个值存储到一个数组中。他们是年龄和名字。如何使用 $localStorage 来存储这个数组？当我刷新页面时，数组和 $localStorage 都为空。

var app=angular.module("plunker",["ngStorage"]);
app.controller("xCtrl",function($scope,$rootScope,$localStorage){
   $scope.list=[]
   $scope.x={}
   $scope.add=function(x){
   $scope.list.push(x);
   $localStorage.list= $scope.list;
   $scope.$storage= $localStorage.list
   $scope.x={}
}
})

https://plnkr.co/edit/6vGduA4hWzcuYhA1fwHC?p=preview

【问题讨论】：

不清楚您的问题是什么，但它似乎就像您在询问如何在页面加载时从$localStorage 检索项目，因为您的add 方法看起来不错.
刷新页面时 $localStorage 变为空，表也为空。检查我的笨蛋。当我将一些值添加到表中时，这些值不是恒定的。
如果 $localStorage 被定义或者没有被定义，则放置一个 if 条件。如果已定义，请不要再次推送。如果您的 localStorage 有任何值，这种方式在重新加载时它将保留在那里。
请在plunker中添加代码...

标签： angularjs ng-storage

【解决方案1】：

这应该是你的控制器代码

$scope.list=[]
   $scope.x={}
   if($localStorage.list){
     $scope.$storage=$localStorage.list;
     $scope.list=$localStorage.list;
   }
   $scope.add=function(x){
    $scope.list.push(x);
    $scope.$storage= $localStorage.list
    $scope.x={}
  }

【讨论】：