Question

我想使用phonegap构建一个离线应用程序，为此我需要一个本地数据库。我有一个index.js文件加载我的应用程序，在那里我有一个全局变量。

var db;

我有一个控制器，当用户登录时，将数据库信息保存在indexeddb数据库中，用户可以离线使用它。

 //controller call
 Database.create(res.data.categories);

function Database() {

return {
    create: function (categoryDocs) {
        var request = indexedDB.open("kaldoa", 1);

        request.onsuccess = function (event) {
            db = event.target.result;
            console.log("DB loaded successfully");
        };

        request.onerror = function (event) {
            console.log(event)
        };

        request.onupgradeneeded = function (event) {
            db = event.target.result;
            console.log("DB initiliazed / created");

            //create collections
            db.createObjectStore("categories", {autoIncrement: true});

            //create documents
            var transaction = event.target.transaction;
            var categories = transaction.objectStore("categories");

            //add array objects to document
            categories.add(categoryDocs);

        };

    }
}

}

当我检查chrome检查器时，dbs已经创建并且一切都很好。

现在我想显示存储的名为categories的数据。

我在另一个处理类别的控制器中这样做。

function categoryCtrl($scope, Category){

Category.browse().onsuccess = function (e) {
    $scope.categories = e.target.result.value;
};

}

我遇到的问题是数据在chrome中有效但在phonegap中不起作用。在phonegap我得到这个console.error

Error: undefined is not an object (evaluating 'db.transaction')

此控制台错误与获取类别数据的服务相关联

function Category() {

return {
    browse: function () {
        return db.transaction(["categories"], "readonly").objectStore("categories").openCursor()
    }
}
}

我整天都在试图弄明白为什么它在Chrome中运行但不在phonegap中。我知道2016年9月29日发布了ios 10，苹果增加了对safari和webview的支持。

indexeddb ios support

Answer 1

不要像这样使用全局db变量。不保证在您访问它时定义和打开它。这是因为异步代码的工作原理。

在phonegap

1 个答案: