我已经创建了一些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。你们知道这是怎么回事吗?
最佳答案
numbers
是一个数组,因此您需要将新值放入其中,而不是每次都分配它。
$rootScope.numbers = [];
for(var i=1;i<=3;i++)
{
var ticlist = JSON.parse(localStorage.getItem('storage' + i));
$rootScope.numbers.push(ticlist);
}
关于javascript - 从 html5 本地存储中读取 JSON,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30592274/