javascript - 从 html5 本地存储中读取 JSON

Question

我已经创建了一些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 函数。

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

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

我的 html 文件片段:

    <div class="list">
        <a class="item item-icon-left dark" href="#/app" ng-repeat="number in numbers">
         <p>This is {{number.pnumber}}</p>
        </a>
    </div>

但它无法显示 pnumbers。你们知道这是怎么回事吗？

Answer 1

numbers 是一个数组，因此您需要将新值放入其中，而不是每次都分配它。

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