Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从html5本地存储读取JSON_Javascript_Json_Angularjs_Html - Fatal编程技术网

Javascript 从html5本地存储读取JSON

Javascript 从html5本地存储读取JSON,javascript,json,angularjs,html,Javascript,Json,Angularjs,Html,我已经创建了一些JSON数据,并将它们存储在html5的本地存储器中: Key Value storage1 {"pnumber": "0001", "branchid": "1"} storage2 {"pnumber": "0002", "branchid": "2"} storage3 {"pnumber": "0003", "branchid": "3"} 我想使用

我已经创建了一些JSON数据,并将它们存储在html5的本地存储器中:

Key                    Value
storage1               {"pnumber": "0001", "branchid": "1"}
storage2               {"pnumber": "0002", "branchid": "2"}
storage3               {"pnumber": "0003", "branchid": "3"}
我想使用angularjs的ng repeat函数在html中显示这些数据。但我还是不知道怎么做。下面是我失败的方法

js文件片段中的控制器函数

.controller('TicketListCtrl', function($rootScope) {

   for(var i=1;i<=3;i++)
   {
       var ticlist = JSON.parse(localStorage.getItem('storage' + i));
       $rootScope.numbers = ticlist;
   }
});
.controller('TicketListCtrl',函数($rootScope){

for(var i=1;i
numbers
是一个数组,因此需要在其中推送新值,而不是每次都赋值

 $rootScope.numbers = [];
 for(var i=1;i<=3;i++)
 {
   var ticlist = JSON.parse(localStorage.getItem('storage' + i));
   $rootScope.numbers.push(ticlist);
 }
$rootScope.numbers=[];

for(var i=1;i看起来像
numbers
应该是一个对象数组,而不是单个对象

 $rootScope.numbers = [];
 for(var i=1;i<=3;i++)
 {
   var ticlist = JSON.parse(localStorage.getItem('storage' + i));
   $rootScope.numbers.push(ticlist);
 }