Question

我正在使用Ionic 2（Angular 2）进行混合应用。我将一个共享提供程序注入到将显示来自我的SQLite3数据库的数据的页面，然后继续加载数据。但是，在创建数据库提供程序时，打开数据库需要一些时间（非常少）。然而，我的代码（截至目前）并不等待数据库在查询之前打开，这显然会导致错误。

如何构建我的代码以便等待数据库打开以避免崩溃？

我的数据库提供程序的构造函数：

constructor(private platform: Platform) {
this.platform.ready().then(() => {
  if(this.isOpen !== true) {
    this.storage = new SQLite();

    this.storage.openDatabase({name: "data.db", location: "default"}).then(() => {
      this.isOpen = true;
      this.storage.executeSql("CREATE TABLE IF NOT EXISTS people (id INTEGER PRIMARY KEY AUTOINCREMENT, firstname TEXT, lastname TEXT)", []);
    });
  }
});
console.log('Hello Database Provider');

此提供程序被注入我的页面的构造函数。

当加载页面（主页）时，它会触发一个调用load()函数的事件。

ionViewDidLoad() {
this.load();
console.log('Hello Home Page');

加载功能：

public load() {
this.database.getPeople().then((result) => {
  this.itemList = <Array<Object>> result;
}, (error) => {
  console.log("LOAD ERROR: ", error);
});

我非常希望有人能指出我正确的方向：）

Answer 1

我终于找到了解决问题的方法。

对于初学者我已经向我的提供者添加了一个函数，用于检查数据库是否已加载，如果不是，则继续加载它：

public openSQLiteDatabase() {
return new Promise((resolve, reject) => {
  if(this.isOpen) {
    console.log("DB IS OPEN");
    resolve(this.isOpen);
  }

  else {
    console.log("DB IS NOT OPEN");
    this.platform.ready().then(() => {
      this.storage.openDatabase({name: "data.db", location: "default"}).then(() => {
        this.appsettings.openSQLiteDatabase().then(() => {
          this.appsettings.getSettings().then((result) => {
            let settings: Settings = <Settings> result;
            this.selectedDataset = settings.selectedDataset;
            this.isOpen = true;
            resolve(this.isOpen);
          });
        });
      }, (error) => {
        reject(error);
      });
    });
  }
});}

由于此函数返回一个promise（https://tools.ietf.org/html/rfc7568），它允许我在执行任何其他操作之前等待数据库打开（例如查询）。

我在页面特定的TypeScript文件中的功能：

ionViewDidLoad() {
this.database.openSQLiteDatabase().then(() => {
  this.loadDictionary();
});}

使用这样的代码，在打开数据库之前，我从未遇到过执行查询的问题！

Ionic2 / Angular2在查询

1 个答案: