如何使用循环以表格形式打印 Localstorage 数组值？

Question

我将表单提交作为数组 'fsubs' 存储在本地存储键中，如下所示：

var fsubs = JSON.parse(localStorage.getItem('fsubs') || "[]");
var fcodes = {"barcodeno" : this.form.value.barcode, "reelno" : this.form.value.reelno, "width" : this.form.value.width, "dia" : this.form.value.dia, "weight" : this.form.value.weight};
fsubs.push(fcodes);
localStorage.setItem('fsubs', JSON.stringify(fsubs));

现在的问题是我可能必须使用循环以表格形式打印这些值，但我不知道该怎么做。

条码 |雷尔诺
122121 | 232323

P.S.: 我想在 Angular

中使用打字稿在我的组件中打印这个

Answer 1

这样试试：

component.ts:

fsubList:Array<any> = JSON.parse(localStorage.getItem('fsubs'));

模板：

<table>
   <tr>
    <th>Barcode</th>
    <th>Reelno</th>
  </tr>
  <tr *ngFor="let item of fsubList">
    <td>{{item.barcodeno}}</td>
    <td>{{item.reelno}}</td>
  </tr>
</table>

如何使用循环以表格形式打印 Localstorage 数组值？

How to print Localstorage array values in tabular form using a loop?

javascript

angular

typescript

local-storage

angular-local-storage