ionic-framework - Ionic 3 - indexedDB 中的多个表

Question

我想在 indexedDB 中使用两个表，但是 inoic 3 文档在这一点上不是很好。

在 app.modules 中我导入了 IonicStorageModule

IonicStorageModule.forRoot()

然后在我的 storage-uitls.ts 文件中，我尝试在构造函数中生成两个表，就像提到的那样 here

constructor(private storage: Storage) {
  console.log("---------------")
  this.gpsData = new Storage({
    name: '__my_custom_db',
    storeName: '_contacts',
    driverOrder: ['indexeddb', 'sqlite', 'websql'],
  });
  this.serviceData = new Storage({
    name: '__my_custom_db',
    storeName: '_media',
    driverOrder: ['indexeddb', 'sqlite', 'websql'],
  });
}

但这行不通。我只是在 indexedDB 中获取默认生成的表。

有人知道如何生成我自己的表并访问它们吗？

Answer 1

我对 IONIC 4 项目的设置(我没有在 IONIC 3 项目中尝试过):

import { Storage } from '@ionic/storage';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page implements OnInit {

  private newReleasesDB: any;

  constructor() {
    this.newReleasesDB = new Storage({
      name: '__myCustom_db',
      storeName: '_newReleases',
      driverOrder: ['sqlite', 'indexeddb', 'websql', 'localstorage']
    });
  }

  ngOnInit() {
    // get saved records from Storage
    this.newReleasesDB.get('keyname').then((data: any) => {
        // do stuff with the data in storage
    });

  }
}

这适用于同一数据库中的多个商店，如下所示:

import { Storage } from '@ionic/storage';

@Component({
  selector: 'app-tab1',
  templateUrl: 'tab1.page.html',
  styleUrls: ['tab1.page.scss']
})
export class Tab1Page implements OnInit {

  private newReleasesDB: any;
  private myFrendsDB: any;

  constructor() {
    this.newReleasesDB = new Storage({
      name: '__myCustom_db',
      storeName: '_newReleases',
      driverOrder: ['sqlite', 'indexeddb', 'websql', 'localstorage']
    });

    this.myFrendsDB = new Storage({
      name: '__myCustom_db',
      storeName: '_myFriends',
      driverOrder: ['sqlite', 'indexeddb', 'websql', 'localstorage']
    });
  }

  ngOnInit() {
    // get saved records from Storage
    this.newReleasesDB.get('keyname').then((data: any) => {
        // do stuff with the data in storage
    });

    // get saved friends from Storage
    this.myFrendsDB.get('keyname').then((data: any) => {
        // do stuff with the data in storage
    });    
  }
}

如果遇到问题，请尝试清除存储空间并再次运行脚本。