我如何在Ionic 4 App sqlite db中的1之后启动索引数组

时间:2019-09-25 19:36:50

标签: angular sqlite ionic4 ionic-storage

我想通过此代码将带离子存储的sqlite数据库

ts

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

这就是我得到的

list of keys

我使用此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]。当然都行不通。任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

<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>