angular - 如何在离子 4 App sqlite db 中的 1 之后启动索引数组

Question

我正在使用此代码循环认为具有离子存储的 sqlite db

ts

listKeys() {
  this.storage.keys().then((k) => {
    console.table(k);
    this.loop = k;
    console.log("key value", this.loop);
  });
}

这是我得到的

我使用这个 html 来查看我的列表

  <ion-item-sliding *ngFor="let list of loop; index as i ">
    <ion-item>
        {{loop[i]}}
    </ion-item>
    <ion-item-options side="end">
      <ion-item-option (click)="deleteKeyValue( loop[i] )" color="danger">
        <ion-icon slot="icon-only" name="trash"></ion-icon>
      </ion-item-option>
    </ion-item-options>
  </ion-item-sliding>

我希望在索引 1 之后开始循环。我尝试过“索引为 i > 1”和循环 [i > 1]。当然两者都不起作用。任何帮助将不胜感激。

Answer 1

使用 SlicePipe https://angular.io/api/common/SlicePipe

<ion-item-sliding *ngFor="let list of loop | slice:2; index as i ">

Answer 2

这是实现答案并纠正我的循环问题后的最终代码。

<ion-list lines="inset">
  <ion-item-divider>
    <ion-label>
      List of Audits
    </ion-label>
  </ion-item-divider>
 <ion-item-sliding *ngFor="let i of loop | slice:2">
    <ion-item>
        {{i}}
    </ion-item>
    <ion-item-options side="end">
      <ion-item-option (click)="deleteKeyValue( i )" color="danger">
        <ion-icon slot="icon-only" name="trash"></ion-icon>
      </ion-item-option>
    </ion-item-options>
  </ion-item-sliding>
</ion-list>