Как напечатать значения массива Localstorage в табличной форме, используя цикл?

Question

Я сохраняю отправленные формы в ключе localalstorage в виде массива '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));

Теперь проблема в том, что я должен напечатать эти значения в табличной форме, например, с помощью циклано я не знаю как это сделать.

Штрих-код |Reelno
122121 |232323

PS: я хочу напечатать это в моем компоненте, используя машинопись в 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>